diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue index 5476038c..afc7a9d4 100644 --- a/src/layouts/components/DefaultLayout.vue +++ b/src/layouts/components/DefaultLayout.vue @@ -41,7 +41,7 @@ const changeOpen = (index: Number) => { <!-- sidebar --> <div class="w-64 fixed z-50 left-0 top-0 bottom-0 overflow-auto bg-base-100 border-r border-gray-100 dark:border-gray-700" - :class="{ block: sidebarShow, 'hidden xl:block': !sidebarShow }" + :class="{ block: sidebarShow, 'hidden force-block': !sidebarShow }" > <div class="flex items-center pl-4 py-4 mb-1"> <img class="w-10 h-10" src="../../assets/logo.svg" /> diff --git a/src/style.css b/src/style.css index 8eb8f98c..14e9c9ee 100644 --- a/src/style.css +++ b/src/style.css @@ -33,4 +33,11 @@ .table th:first-child { position: relative; z-index: 2; -} \ No newline at end of file +} + + +@media (min-width: 1280px){ + .force-block{ + display: block !important; + } +}