chamomind/jws-frontend
chamomind/jws-frontend
7
0
Fork 0
Code Issues Projects Releases Packages 1 Wiki Activity Actions

fix: drawer width

Browse source
This commit is contained in:
puriphatt 2024-04-19 11:09:36 +07:00
parent c848c095c6
commit ab533c190d
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/components/DrawerInfo.vue
View file

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue'; import { ref, watch } from 'vue';
defineProps<{ defineProps<{
title: string; title: string;
@ -12,6 +12,7 @@ defineProps<{
undo?: (...args: unknown[]) => void; undo?: (...args: unknown[]) => void;
}>(); }>();
// const drawerWidth = ref(window.screen.width * 0.8);
const drawerOpen = defineModel<boolean>('drawerOpen', { const drawerOpen = defineModel<boolean>('drawerOpen', {
default: false, default: false,
}); });
@ -23,13 +24,22 @@ function reset() {
myForm.value.resetValidation(); myForm.value.resetValidation();
} }
} }
// watch(
// () => window.screen.width,
// (v) => {
// console.log(v);
// drawerWidth.value = v;
// },
// );
</script> </script>
<template> <template>
<q-drawer <q-drawer
@before-hide="reset" @before-hide="reset"
@hide="close" @hide="close"
:width="1300" :width="$q.screen.gt.md ? 1200 : $q.screen.gt.xs ? 700 : 900"
:breakpoint="500" :breakpoint="1366"
v-model="drawerOpen" v-model="drawerOpen"
behavior="mobile" behavior="mobile"
side="right" side="right"