fix: Responsive Design

2024-01-16 11:10:32 -05:00
parent c14671cdfe
commit e926f349a7
2 changed files with 7 additions and 4 deletions
--- a/services/frontend/src/App.vue
+++ b/services/frontend/src/App.vue
@@ -13,7 +13,7 @@ const setHome = (value: boolean) => {
 </script>

 <template>
-    <div class="min-h-screen w-full bg-slate-100 flex flex-col justify-between items-center p-16 gap-5 text-neutral-700">
+    <div class="min-h-screen w-full bg-slate-100 flex flex-col justify-between items-center p-4 md:p-16 gap-5 text-neutral-700">
        <Header @setHome="setHome" />
        <Home v-if="isHome" />
        <About v-else />