fix: button text center

SPSKH · Apr 28, 2024 · 4d20354 · 4d20354
1 parent 60c4db1
commit 4d20354
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 17 deletions.
diff --git a/components/the/TheFooter.vue b/components/the/TheFooter.vue
@@ -11,7 +11,7 @@ const socials = [
 </script>
 
 <template>
-    <footer class="flex justify-between items-center mt-32">
+    <footer class="flex max-xl:flex-col max-xl:text-center max-xl:gap-6 justify-between items-center mt-32">
         <div>
             <p>© {{ year }}, VOŠ, SPŠ a JŠ Kutná Hora, všechna práva vyhrazena</p>
             <p>

diff --git a/pages/[...slug].vue b/pages/[...slug].vue
@@ -6,7 +6,7 @@ useSeoMeta({
 </script>
 
 <template>
-  <main class="mt-32">
+  <main class="mt-16 xl:mt-32">
     <ContentDoc />
   </main>
 </template>
diff --git a/pages/index.vue b/pages/index.vue
@@ -8,7 +8,7 @@ const toast = useToast()
 </script>
 
 <template>
-    <main class="mt-32">
+    <main class="mt-16 xl:mt-32">
         <div class="flex justify-center mb-6">
             <UBadge color="primary" variant="subtle" class="text-center">Studentský blog plný zajímavých článků o IT z průmyslovky Kutná
                 Hora!</UBadge>
@@ -23,9 +23,9 @@ const toast = useToast()
             </p>
         </div>
         <div class="flex max-xl:flex-col gap-6 justify-center mt-6">
-            <UButton @click="toast.add({ title: 'Přešel jsi na stránku seznam článků!' })" to="/tips-and-tricks"
+            <UButton class="flex justify-center" @click="toast.add({ title: 'Přešel jsi na stránku seznam článků!' })" to="/tips-and-tricks"
                 label="Přejít na stránku Tips&Tricks" color="primary" />
-            <UButton @click="toast.add({ title: 'Přešel jsi na stránku studentské projekty!' })" to="/projects"
+            <UButton class="flex justify-center" @click="toast.add({ title: 'Přešel jsi na stránku studentské projekty!' })" to="/projects"
                 label="Přejít na stránku se studentskými projekty" color="primary" />
         </div>
         <ContentList path="/articles" v-slot="{ list }">

diff --git a/pages/projects.vue b/pages/projects.vue
@@ -8,16 +8,16 @@ const toast = useToast()
 </script>
 
 <template>
-    <main class="mt-32">
+    <main class="mt-16 xl:mt-32">
         <div class="flex justify-center mb-6">
-            <UBadge color="primary" variant="subtle">Studentský blog plný zajímavých článků o IT z průmyslovky Kutná
+            <UBadge color="primary" variant="subtle" class="text-center">Studentský blog plný zajímavých článků o IT z průmyslovky Kutná
                 Hora!</UBadge>
         </div>
         <h1>Studentské projekty</h1>
-        <div class="flex justify-center gap-6">
-            <UButton @click="toast.add({ title: 'Přešel jsi na domovskou stránku!' })" to="/"
+        <div class="flex max-xl:flex-col justify-center gap-6 mt-6">
+            <UButton class="flex justify-center" @click="toast.add({ title: 'Přešel jsi na domovskou stránku!' })" to="/"
                 label="Přejít na domovskou stránku" color="primary" />
-            <UButton @click="toast.add({ title: 'Přešel jsi na stránku seznam článků!' })" to="/tips-and-tricks"
+            <UButton class="flex justify-center" @click="toast.add({ title: 'Přešel jsi na stránku seznam článků!' })" to="/tips-and-tricks"
                 label="Přejít na stránku Tips&Tricks" color="primary" />
         </div>
         <ContentList path="/projects" v-slot="{ list }">

diff --git a/pages/tips-and-tricks.vue b/pages/tips-and-tricks.vue
@@ -1,23 +1,23 @@
 <script setup lang="ts">
 useSeoMeta({
-    title: 'Blog SPŠ Kutná Hora - seznam článků',
-    ogTitle: 'Blog SPŠ Kutná Hora - seznam článků'
+    title: 'Blog SPŠ Kutná Hora - Tips&Tricks',
+    ogTitle: 'Blog SPŠ Kutná Hora - Tips&Tricks',
 })
 
 const toast = useToast()
 </script>
 
 <template>
-    <main class="mt-32">
+    <main class="mt-16 xl:mt-32">
         <div class="flex justify-center mb-6">
-            <UBadge color="primary" variant="subtle">Studentský blog plný zajímavých článků o IT z průmyslovky Kutná
+            <UBadge color="primary" variant="subtle" class="text-center">Studentský blog plný zajímavých článků o IT z průmyslovky Kutná
                 Hora!</UBadge>
         </div>
         <h1>Tips&Tricks</h1>
-        <div class="flex justify-center gap-6">
-            <UButton @click="toast.add({ title: 'Přešel jsi na domovskou stránku!' })" to="/"
+        <div class="flex max-xl:flex-col justify-center gap-6 mt-6">
+            <UButton class="flex justify-center" @click="toast.add({ title: 'Přešel jsi na domovskou stránku!' })" to="/"
                 label="Přejít na domovskou stránku" color="primary" />
-            <UButton @click="toast.add({ title: 'Přešel jsi na stránku studentské projekty!' })" to="/projects"
+            <UButton class="flex justify-center" @click="toast.add({ title: 'Přešel jsi na stránku studentské projekty!' })" to="/projects"
                 label="Přejít na stránku se studentskými projekty" color="primary" />
         </div>
         <ContentList path="/tips-and-tricks" v-slot="{ list }">