Reworked spacing and layout to improve mobile experience
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user