From 4d203541426ee3e90df3302e21416a2c1a8d7fca Mon Sep 17 00:00:00 2001
From: cernochmartin <cernochm@outlook.cz>
Date: Sun, 28 Apr 2024 11:41:55 +0200
Subject: [PATCH] fix: button text center

---
 components/the/TheFooter.vue |  2 +-
 pages/[...slug].vue          |  2 +-
 pages/index.vue              |  6 +++---
 pages/projects.vue           | 10 +++++-----
 pages/tips-and-tricks.vue    | 14 +++++++-------
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/components/the/TheFooter.vue b/components/the/TheFooter.vue
index d8d4758..856860a 100644
--- 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
index 4f034d0..d49d1f1 100644
--- 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
index 76ea8e2..aaaf611 100644
--- 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
index e39299b..bfbc5f1 100644
--- 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
index aed33bf..bba7582 100644
--- 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 }">