style: better mobile modal styling

lancewilhelm · lancewilhelm · commit 63da6bafbb2e · 2025-04-30T23:00:02.000-04:00
diff --git a/app/components/ModalWindow.vue b/app/components/ModalWindow.vue
@@ -31,7 +31,7 @@ const emit = defineEmits(["close"]);
       @click="emit('close')"
     >
       <div
-        class="bg-(--bg-color) border border-(--main-color) max-w-[60%] p-4 rounded-lg shadow-lg"
+        class="bg-(--bg-color) border border-(--main-color) m-4 md:max-w-[80%] lg:max-w-[60%] p-4 rounded-lg shadow-lg"
         :style="
           shiftForChatList && useUiStore().chatListVisible
             ? 'margin-left: ' + useUiStore().chatListWidth + 'px'

Original file line number	Diff line number	Diff line change
`@@ -31,7 +31,7 @@ const emit = defineEmits(["close"]);`
`31`	`31`	`@click="emit('close')"`
`32`	`32`	`>`
`33`	`33`	`<div`
`34`		`- class="bg-(--bg-color) border border-(--main-color) max-w-[60%] p-4 rounded-lg shadow-lg"`
	`34`	`+ class="bg-(--bg-color) border border-(--main-color) m-4 md:max-w-[80%] lg:max-w-[60%] p-4 rounded-lg shadow-lg"`
`35`	`35`	`:style="`
`36`	`36`	`shiftForChatList && useUiStore().chatListVisible`
`37`	`37`	`? 'margin-left: ' + useUiStore().chatListWidth + 'px'`