From d7e73ebf3be5bff11144ce0f9c6120624fbe9b16 Mon Sep 17 00:00:00 2001
From: Natty <natty.sh.git@gmail.com>
Date: Mon, 15 Apr 2024 18:33:13 +0200
Subject: [PATCH] Fixed 100% width

---
 .gitignore            | 1 +
 components/footer.vue | 2 +-
 layouts/default.vue   | 2 +-
 pages/about.vue       | 4 ++--
 pages/blog.vue        | 2 +-
 pages/index.vue       | 2 +-
 pages/work.vue        | 2 +-
 7 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/.gitignore b/.gitignore
index 0436788..5b815c4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,7 @@ dist
 *.webp~
 *.kra
 *.kra~
+*.xcf
 
 # Node dependencies
 node_modules
diff --git a/components/footer.vue b/components/footer.vue
index 463182b..0e8fef1 100644
--- a/components/footer.vue
+++ b/components/footer.vue
@@ -112,7 +112,7 @@ footer {
     border-top-left-radius: 5px;
     max-width: 1400px;
     align-self: center;
-    width: 100vw;
+    width: 100%;
     box-shadow: 0px 0px 10px $ui-hover-fg;
 
     .content {
diff --git a/layouts/default.vue b/layouts/default.vue
index d08910d..284081e 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -28,7 +28,7 @@ useServerSeoMeta({
 .container {
     background-color: navy;
     background-image: url("~/assets/star-bg.webp");
-    min-block-size: 100vh;
+    min-height: 100vh;
     display: flex;
     flex-direction: column;
 }
diff --git a/pages/about.vue b/pages/about.vue
index 8aef83b..307a04e 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -294,7 +294,7 @@ useServerSeoMeta({
 main {
     max-width: 1400px;
     align-self: center;
-    width: 100vw;
+    width: 100%;
     box-shadow: 0px 0px 10px $ui-hover-fg;
     background-color: $ui-surface-bg;
     padding-bottom: 20px;
@@ -310,7 +310,7 @@ main {
 .member-card {
     max-width: 1400px;
     align-self: center;
-    width: 100vw;
+    width: 100%;
     display: flex;
     flex-direction: row;
     align-items: start;
diff --git a/pages/blog.vue b/pages/blog.vue
index 41b36fe..ba6bb3b 100644
--- a/pages/blog.vue
+++ b/pages/blog.vue
@@ -35,7 +35,7 @@ main {
     flex-grow: 1;
     max-width: 1400px;
     align-self: center;
-    width: 100vw;
+    width: 100%;
     box-shadow: 0px 0px 10px $ui-hover-fg;
     background-color: $ui-surface-bg;
     border-left: 4px dotted $primary-surface;
diff --git a/pages/index.vue b/pages/index.vue
index cbc6d06..1a280a1 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -70,7 +70,7 @@ section,
 figure.art {
     max-width: 1400px;
     align-self: center;
-    width: 100vw;
+    width: 100%;
     box-shadow: 0px 0px 10px $ui-hover-fg;
     background-color: $ui-surface-bg;
     box-sizing: border-box;
diff --git a/pages/work.vue b/pages/work.vue
index 768b9d1..39181d0 100644
--- a/pages/work.vue
+++ b/pages/work.vue
@@ -140,7 +140,7 @@ section,
 figure.art {
     max-width: 1400px;
     align-self: center;
-    width: 100vw;
+    width: 100%;
     box-shadow: 0px 0px 10px $ui-hover-fg;
     background-color: $ui-surface-bg;
     box-sizing: border-box;