fix: drawer width

2024-04-23 04:31:58 +00:00 · 2024-04-23 04:31:58 +00:00 · ded20e65bb
commit ded20e65bb
parent 34c7b1c65f
2 changed files with 11 additions and 5 deletions
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@ -33,7 +33,17 @@ function reset() {
  <q-drawer
    @before-hide="reset"
    @hide="close"
-    :breakpoint="1366"
+    :width="
+      $q.screen.gt.xs
+        ? $q.screen.gt.sm
+          ? $q.screen.gt.md
+            ? $q.screen.gt.lg
+              ? 1400
+              : 1200
+            : 1000
+          : 700
+        : 510
+    "
    v-model="drawerOpen"
    behavior="mobile"
    side="right"
--- a/src/css/app.scss
+++ b/src/css/app.scss
@ -77,10 +77,6 @@ html {
  transition: 100ms background ease-in-out;
 }

-aside.q-drawer.q-drawer--right.fixed.q-drawer--on-top.q-drawer--mobile.q-drawer--top-padding {
-  width: 85% !important;
-}
-
 .bordered {
  border: 1px solid var(--border-color);
 }