diff --git a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
index 8e3c322..20faa10 100644
--- a/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
+++ b/luckydiamond/src/assets/css/PagesStyles/adaptive-pages/homemobile.css
@@ -3,7 +3,6 @@
grid-auto-columns: 1fr;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr repeat(2, 0.5fr) 1fr;
- gap: 0px 0px;
grid-template-areas:
"header-mobile header-mobile header-mobile header-mobile"
"main-mobile main-mobile main-mobile main-mobile"
@@ -15,9 +14,9 @@
.header-mobile {
grid-area: header-mobile;
- width: 100%;
- height: 100%;
- background: #000;
+ border-radius: 20px;
+ background: #17181C;
+ box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.main-mobile {
@@ -32,4 +31,41 @@
width: 100%;
height: 100%;
background: #73ce36;
-}
\ No newline at end of file
+}
+
+/* Header */
+
+.header-mobile__content {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.header-mobile__nav {
+ display: flex;
+}
+
+.header-mobile__logo {
+ padding: 23px 0 11px 17px;
+}
+
+.header-mobile__logo img {
+ width: 170px;
+}
+
+.balance-mobile__card {
+ align-self: start;
+ display: flex;
+}
+
+.card-balance h2 {
+ border-radius: 7px;
+ background: #22252F;
+ box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
+ display: flex;
+ text-align: center;
+ align-items: center;
+ font-size: 0.813em;
+}
+
+/* /Header */
\ No newline at end of file
diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-deposit.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-deposit.png
new file mode 100644
index 0000000..0d5077f
Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-deposit.png differ
diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png
new file mode 100644
index 0000000..fac9e64
Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png differ
diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-notifications.png b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-notifications.png
new file mode 100644
index 0000000..8998568
Binary files /dev/null and b/luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-notifications.png differ
diff --git a/luckydiamond/src/assets/icons-adaptive/home-adaptive/logo.svg b/luckydiamond/src/assets/icons-adaptive/home-adaptive/logo.svg
new file mode 100644
index 0000000..5ff081f
--- /dev/null
+++ b/luckydiamond/src/assets/icons-adaptive/home-adaptive/logo.svg
@@ -0,0 +1,30 @@
+
diff --git a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
index 3f91cfa..020daf7 100644
--- a/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
+++ b/luckydiamond/src/pages/adaptive-pages/HomemobilePage.vue
@@ -1,7 +1,17 @@
main