optimize(projects): optimize theme drawer width

This commit is contained in:
Soybean 2025-07-13 13:43:25 +08:00
parent 8b8a2083bb
commit 8146858b96

View File

@ -15,12 +15,14 @@ const appStore = useAppStore();
const activeTab = ref('appearance'); const activeTab = ref('appearance');
const drawerWidth = computed(() => { const drawerWidth = computed(() => {
const width = 400;
// On mobile devices, use 90% of viewport width with a maximum of 400px // On mobile devices, use 90% of viewport width with a maximum of 400px
if (appStore.isMobile) { if (appStore.isMobile) {
return 'min(90vw, 400px)'; return `min(90vw, ${width}px)`;
} }
return 460; return width;
}); });
</script> </script>