From 1671ba77606485a540238c87127325a7ef75b6f6 Mon Sep 17 00:00:00 2001
From: kakkokari-gtyih <daisho7308+f@gmail.com>
Date: Sat, 15 Jul 2023 17:34:45 +0900
Subject: [PATCH] (fix) style

---
 components/g/Hero.vue           | 2 +-
 components/index/Features.vue   | 4 ++--
 components/index/hero/Right.vue | 2 +-
 pages/blog/index.vue            | 6 +-----
 pages/brand-assets.vue          | 2 +-
 pages/servers.vue               | 2 +-
 6 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/components/g/Hero.vue b/components/g/Hero.vue
index 7b9e7ecc..96783b3a 100644
--- a/components/g/Hero.vue
+++ b/components/g/Hero.vue
@@ -1,6 +1,6 @@
 <template>
     <header>
-        <div class="container mx-auto max-w-screen-xl px-6 min-h-[330px] py-4 space-y-6 lg:space-y-0 lg:flex items-center justify-between lg:space-x-6">
+        <div class="container mx-auto max-w-screen-xl px-6 lg:min-h-[330px] py-4 space-y-6 lg:space-y-0 lg:flex items-center justify-between lg:space-x-6">
             <div class="max-w-lg mx-auto lg:mx-0">
                 <h1 class="font-title font-bold text-center lg:text-start text-2xl lg:text-4xl mb-4"><slot name="title"></slot></h1>
                 <p class="opacity-90 lg:text-lg lg:leading-relaxed max-w-lg"><slot name="description"></slot></p>
diff --git a/components/index/Features.vue b/components/index/Features.vue
index fcb495a1..52fe9c0f 100644
--- a/components/index/Features.vue
+++ b/components/index/Features.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="grid features gap-12">
         <div>
-            <div class="sticky top-12">
-                <h2 class="font-title font-bold text-2xl lg:text-4xl mb-6">{{ $t('_landing._features._root.title') }}</h2>
+            <div class="lg:sticky lg:top-32">
+                <h2 class="font-title font-bold text-2xl lg:text-4xl mb-2 lg:mb-6">{{ $t('_landing._features._root.title') }}</h2>
                 <p class="text-lg">{{ $t('_landing._features._root.description') }}</p>
             </div>
         </div>
diff --git a/components/index/hero/Right.vue b/components/index/hero/Right.vue
index 57ba2c3e..4f243493 100644
--- a/components/index/hero/Right.vue
+++ b/components/index/hero/Right.vue
@@ -38,7 +38,7 @@ import { vParallax } from '@/assets/js/parallax';
 }
 
 .screenshot.desktop {
-    width: 800px;
+    width: 750px;
     top: 128px;
     right: 300px;
 }
diff --git a/pages/blog/index.vue b/pages/blog/index.vue
index 9b6d01e9..856dfa1f 100644
--- a/pages/blog/index.vue
+++ b/pages/blog/index.vue
@@ -9,7 +9,7 @@
                 <div class="hidden lg:block relative px-6 py-8">
                     <GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
                     <GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
-                    <div class="relative lg:w-72">
+                    <div class="relative lg:w-64">
                         <img class="drop-shadow-xl" src="/img/emojis/open_mailbox_with_raised_flag_3d.png" />
                     </div>
                 </div>
@@ -35,7 +35,3 @@
 const { data } = await useAsyncData('blog', () => queryContent('blog').sort({ date: -1 }).find());
 const localePath = useLocalePath();
 </script>
-
-<style scoped>
-
-</style>
\ No newline at end of file
diff --git a/pages/brand-assets.vue b/pages/brand-assets.vue
index 4f50f8c1..bbdba0f5 100644
--- a/pages/brand-assets.vue
+++ b/pages/brand-assets.vue
@@ -9,7 +9,7 @@
                 <div class="hidden lg:block relative px-6 py-8">
                     <GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
                     <GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
-                    <div class="relative lg:w-72">
+                    <div class="relative lg:w-64">
                         <img class="drop-shadow-xl" src="/img/emojis/artist_palette_3d.png" />
                     </div>
                 </div>
diff --git a/pages/servers.vue b/pages/servers.vue
index dd18ccb5..c76131aa 100644
--- a/pages/servers.vue
+++ b/pages/servers.vue
@@ -12,7 +12,7 @@
                 <div class="relative px-6 py-8">
                     <GDots class="absolute top-0 left-0 w-32 h-32 text-accent-600" />
                     <GDots class="absolute bottom-0 right-0 w-32 h-32 text-accent-600" />
-                    <div class="relative bg-white dark:bg-slate-800 shadow-lg rounded-lg lg:w-72 p-6 space-y-4">
+                    <div class="relative bg-white dark:bg-slate-800 shadow-lg rounded-lg lg:w-64 p-6 space-y-4">
                         <dl>
                             <dt>{{ $t('_servers._statistics.notes') }}</dt>
                             <dd class="font-bold text-accent-600 text-2xl">{{ instancesStats?.notesCount?.toLocaleString() || $t('loading') }}</dd>