From 4960d1dbd60f3ac2dbbbe394ae97fae864efe04d Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sat, 16 Dec 2023 14:50:58 +0300
Subject: [PATCH] created profilemobile page template and grid

---
 .../adaptive-pages/profilemobile.css          | 21 ++++++++++++++++
 .../adaptive-pages/ProfilemobilePage.vue      | 24 +++++++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css
 create mode 100644 luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue

diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css
new file mode 100644
index 0000000..9de21eb
--- /dev/null
+++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/profilemobile.css
@@ -0,0 +1,21 @@
+body {
+    overflow-y: scroll;
+}
+
+.content-grid__mobile-profile {
+    display: grid;
+    grid-auto-columns: 1fr;
+    grid-template-columns: repeat(4, 1fr);
+    grid-template-rows: repeat(7, 1fr);
+    grid-template-areas:
+    "header-mobile header-mobile header-mobile header-mobile"
+    "profile-mobile profile-mobile profile-mobile profile-mobile"
+    "profile-mobile profile-mobile profile-mobile profile-mobile"
+    "footer-mobile footer-mobile footer-mobile footer-mobile";
+    height: 100%;
+    width: 100%;
+}
+
+.profile-mobile {
+    grid-area: profile-mobile;
+}
diff --git a/luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue
new file mode 100644
index 0000000..1ca28ee
--- /dev/null
+++ b/luckydiamond/src/pages/adaptive-pages/ProfilemobilePage.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="content-grid__mobile-profile">
+    <header-mobile-component></header-mobile-component>
+
+    <main class="profile-mobile">
+
+    </main>
+
+    <menu-mobile-component></menu-mobile-component>
+
+  </div>
+</template>
+
+<script>
+import HeaderMobileComponent from "@/components/adaptive-components/HeaderMobileComponent.vue";
+import MenuMobileComponent from "@/components/adaptive-components/MenuMobileComponent.vue";
+export default {
+  components: { HeaderMobileComponent, MenuMobileComponent }
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file