Reworked spacing and layout to improve mobile experience

This commit is contained in:
2026-03-21 23:58:12 -04:00
parent 676e09aef5
commit bae5578afb
3 changed files with 16 additions and 16 deletions

View File

@@ -29,7 +29,7 @@ const showLOADialog = ref(false);
<LoaForm :admin-mode="true" class="my-3"></LoaForm>
</DialogContent>
</Dialog>
<div class="max-w-5xl mx-auto pt-10">
<div class="mx-auto max-w-5xl px-3 pt-10 sm:px-4 lg:px-0">
<div class="flex justify-between mb-4">
<h1 class="scroll-m-20 text-2xl font-semibold tracking-tight">LOA Log</h1>
<div>

View File

@@ -11,7 +11,7 @@ const mode = ref<'submit' | 'view'>('submit')
</script>
<template>
<div class="max-w-5xl mx-auto flex w-full flex-col mt-4 mb-10">
<div class="mx-auto mt-4 mb-10 flex w-full max-w-5xl flex-col px-3 sm:px-4 lg:px-0">
<div class="mb-8">
<p class="scroll-m-20 text-2xl font-semibold tracking-tight">Leave of Absence</p>
<div class="pt-3">