tcsenpai/swingmusic
1
0
Fork 0
mirror of https://github.com/tcsenpai/swingmusic.git synced 2025-06-14 06:57:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: side borders being shown when screen width is smaller than 1720

Browse Source
This commit is contained in:
geoffrey45 2022-09-28 08:41:20 +03:00 committed by Mungai Njoroge
parent 6fb9c0fc4a
commit 52cec1d906
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/App.vue
View File

@ -7,8 +7,8 @@
id="app-grid" id="app-grid"
:class="{ :class="{
noSidebar: !settings.use_sidebar || !xl, noSidebar: !settings.use_sidebar || !xl,
NoSideBorders: !xxl,
extendWidth: settings.extend_width && settings.extend_width_enabled, extendWidth: settings.extend_width && settings.extend_width_enabled,
addBorderRight: xxl && !settings.extend_width,
}" }"
> >
<LeftSidebar /> <LeftSidebar />
@ -24,33 +24,33 @@
<script setup lang="ts"> <script setup lang="ts">
// @libraries // @libraries
import { vElementSize } from "@vueuse/components";
import { onStartTyping } from "@vueuse/core";
import { onMounted } from "vue"; import { onMounted } from "vue";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";
import { onStartTyping } from "@vueuse/core";
import { vElementSize } from "@vueuse/components";
// @stores // @stores
import useQStore from "@/stores/queue";
import useModalStore from "@/stores/modal";
import useContextStore from "@/stores/context";
import useSettingsStore from "@/stores/settings";
import { content_width } from "@/stores/content-width"; import { content_width } from "@/stores/content-width";
import useContextStore from "@/stores/context";
import useModalStore from "@/stores/modal";
import useQStore from "@/stores/queue";
import useSettingsStore from "@/stores/settings";
// @utils // @utils
import { xl, xxl } from "./composables/useBreakpoints";
import handleShortcuts from "@/composables/useKeyboard"; import handleShortcuts from "@/composables/useKeyboard";
import { readLocalStorage, writeLocalStorage } from "@/utils"; import { readLocalStorage, writeLocalStorage } from "@/utils";
import { xl, xxl } from "./composables/useBreakpoints";
// @small-components // @small-components
import Modal from "@/components/modal.vue";
import ContextMenu from "@/components/ContextMenu.vue"; import ContextMenu from "@/components/ContextMenu.vue";
import Modal from "@/components/modal.vue";
import Notification from "@/components/Notification.vue"; import Notification from "@/components/Notification.vue";
// @app-grid-components // @app-grid-components
import NavBar from "@/components/nav/NavBar.vue";
import LeftSidebar from "./components/LeftSidebar/index.vue";
import RightSideBar from "@/components/RightSideBar/Main.vue";
import BottomBar from "@/components/BottomBar.vue"; import BottomBar from "@/components/BottomBar.vue";
import NavBar from "@/components/nav/NavBar.vue";
import RightSideBar from "@/components/RightSideBar/Main.vue";
import LeftSidebar from "./components/LeftSidebar/index.vue";
const queue = useQStore(); const queue = useQStore();
const router = useRouter(); const router = useRouter();

5
src/assets/scss/Global/app-grid.scss
View File

@ -82,3 +82,8 @@ $g-border: solid 1px $gray5;
// margin-right: -1rem; // margin-right: -1rem;
// } // }
} }
#app-grid.NoSideBorders {
border-right: none;
border-left: none;
}