From 1a3312c809369e9a72f30a7903aee800a6c8f32c Mon Sep 17 00:00:00 2001 From: Kostya Date: Sun, 26 Nov 2023 18:35:39 +0300 Subject: [PATCH] added styles for mobile-header --- .../PagesStyles/adaptive-pages/homemobile.css | 46 ++++++++++++++++-- .../home-adaptive/icon-deposit.png | Bin 0 -> 774 bytes .../home-adaptive/icon-diamond-ore.png | Bin 0 -> 1031 bytes .../home-adaptive/icon-notifications.png | Bin 0 -> 1717 bytes .../icons-adaptive/home-adaptive/logo.svg | 30 ++++++++++++ .../pages/adaptive-pages/HomemobilePage.vue | 12 ++++- 6 files changed, 82 insertions(+), 6 deletions(-) create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-deposit.png create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-diamond-ore.png create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/icon-notifications.png create mode 100644 luckydiamond/src/assets/icons-adaptive/home-adaptive/logo.svg 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 0000000000000000000000000000000000000000..0d5077f30a3be17b9839b20b1465c7ec422506fc GIT binary patch literal 774 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 literal 0 HcmV?d00001 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 @@