From a3156fc16e918796a68865235011eb7633f01831 Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sat, 25 Nov 2023 22:41:40 +0300
Subject: [PATCH] added grid for profile page

---
 luckydiamond/src/assets/css/global.css | 36 +++++++++++++++++++++++++-
 luckydiamond/src/pages/ProfilePage.vue |  7 +++++
 2 files changed, 42 insertions(+), 1 deletion(-)

diff --git a/luckydiamond/src/assets/css/global.css b/luckydiamond/src/assets/css/global.css
index 0a427b7..77605a5 100644
--- a/luckydiamond/src/assets/css/global.css
+++ b/luckydiamond/src/assets/css/global.css
@@ -39,6 +39,24 @@ body, html {
     grid-gap: 10px;
 }
 
+.content__grid-profile {
+    display: grid;
+    grid-template-columns: .35fr repeat(5, 1fr) 1fr;
+    grid-template-rows: auto 0fr repeat(4, 1fr);
+    grid-auto-columns: 1fr;
+    grid-auto-flow: row;
+    grid-template-areas:
+    "menu header header header header header header"
+    "menu profile profile payments payments payments chat"
+    "menu profile profile payments payments payments chat"
+    "menu profile profile payments payments payments chat"
+    "menu profile profile payments payments payments chat"
+    "menu profile profile payments payments payments chat"
+    "menu profile profile payments payments payments chat";
+    grid-gap: 10px;
+    height: 100%;
+}
+
 
 /* /Content Grid */
 
@@ -99,4 +117,20 @@ body, html {
     width: 100%;
 }
 
-/* /GameMode */
\ No newline at end of file
+/* /GameMode */
+
+/* Profile */
+
+.profile {
+    grid-area: profile;
+}
+
+/* /Profile */
+
+/* Payments */
+
+.payments {
+    grid-area: payments;
+}
+
+/* /Payments */
\ No newline at end of file
diff --git a/luckydiamond/src/pages/ProfilePage.vue b/luckydiamond/src/pages/ProfilePage.vue
index 1362192..8662b41 100644
--- a/luckydiamond/src/pages/ProfilePage.vue
+++ b/luckydiamond/src/pages/ProfilePage.vue
@@ -6,6 +6,13 @@
 
     <header-component></header-component>
 
+    <div class="profile">
+
+    </div>
+
+    <div class="payments">
+
+    </div>
   </div>
 </template>