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 @@