From 250174211eecda6dbc74ab8a25555a9cdb61c716 Mon Sep 17 00:00:00 2001
From: Opti1337 <nikita.kruglickiy@gmail.com>
Date: Thu, 18 Apr 2024 21:28:18 +0300
Subject: [PATCH] Styles

---
 app.vue            | 8 +++++---
 assets/styles.scss | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app.vue b/app.vue
index c20960b..32866e6 100644
--- a/app.vue
+++ b/app.vue
@@ -58,7 +58,7 @@ const cards = ref([
 const cardsELS = ref([])
 const logoEl = ref()
 
-const DURATION = 0.5
+const DURATION = 0.3
 const OVERLAP = 0.15
 const CARD_OPTIONS = {
   duration: DURATION,
@@ -66,6 +66,7 @@ const CARD_OPTIONS = {
   scale: 1.025,
   yoyo: true,
   repeat: 1,
+  opacity: 1,
 }
 
 onMounted(() => {
@@ -87,7 +88,7 @@ onMounted(() => {
 
   t.fromTo(
     logoEl.value,
-    { opacity: 0, y: 100 },
+    { opacity: 0, y: 50 },
     { opacity: 1, y: 0, ease: 'power1.out', duration: DURATION },
     `<`,
   )
@@ -113,12 +114,13 @@ header {
 }
 
 .grid {
+  width: 800px;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   gap: 16px;
-  overflow: hidden;
 
   @include mobile {
+    width: 100%;
     grid-template-columns: 1fr;
   }
 }
diff --git a/assets/styles.scss b/assets/styles.scss
index ec9abb3..dad372c 100644
--- a/assets/styles.scss
+++ b/assets/styles.scss
@@ -35,7 +35,9 @@ body {
 
 #__nuxt {
   width: 100%;
-  max-width: 800px;
-  margin-inline: auto;
-  overflow-y: auto;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
 }
\ No newline at end of file