From 1aa9fe441280087685fdf8986d52b0a3ff994355 Mon Sep 17 00:00:00 2001
From: nquidox <nquidox@gmail.com>
Date: Sun, 14 Sep 2025 14:20:19 +0300
Subject: [PATCH] grid moved to global view

---
 src/App.vue                      | 15 +++++++++++----
 src/components/Navbar/NavBar.vue |  1 +
 src/views/PersonalView.vue       | 27 ++++-----------------------
 3 files changed, 16 insertions(+), 27 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c4370e8..698b59e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,9 +4,16 @@ import NavBar from '@/components/Navbar/NavBar.vue'
 
 <template>
   <NavBar />
-  <router-view />
+
+  <n-grid responsive="screen" item-responsive cols="24" :x-gap="16" :y-gap="16">
+    <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
+
+    <n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
+      <router-view />
+    </n-gi>
+
+    <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3" />
+  </n-grid>
 </template>
 
-<style scoped>
-
-</style>
+<style scoped></style>
diff --git a/src/components/Navbar/NavBar.vue b/src/components/Navbar/NavBar.vue
index f91f13d..9b75c0e 100644
--- a/src/components/Navbar/NavBar.vue
+++ b/src/components/Navbar/NavBar.vue
@@ -124,6 +124,7 @@ const renderLabel = (option) => {
   border-bottom: 1px solid #eee;
   position: relative;
   z-index: 10;
+  margin-bottom: 10px;
 }
 
 .logo {
diff --git a/src/views/PersonalView.vue b/src/views/PersonalView.vue
index 5ba9573..4112f86 100644
--- a/src/views/PersonalView.vue
+++ b/src/views/PersonalView.vue
@@ -3,28 +3,9 @@ import List from '@/views/PersonalView/List.vue'
 </script>
 
 <template>
-  <n-grid
-    responsive="screen"
-    item-responsive
-    cols="24"
-    :x-gap="16"
-    :y-gap="16"
-  >
-    <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3"/>
-
-    <n-gi span="xs:22 s:22 m:20 l:20 xl:18 xxl:18">
-      <n-card class="personal-card"
-        bordered title="Personal info">
-        <List />
-      </n-card>
-    </n-gi>
-
-    <n-gi span="xs:1 s:1 m:2 l:2 xl:3 xxl:3"/>
-  </n-grid>
+  <n-card bordered title="Personal info">
+    <List />
+  </n-card>
 </template>
 
-<style scoped>
-.personal-card {
-  margin: 10px auto 0;
-}
-</style>
+<style scoped></style>