diff --git a/luckydiamond/src/assets/css/ElementsStyles/header.css b/luckydiamond/src/assets/css/ElementsStyles/header.css index e69de29..127b636 100644 --- a/luckydiamond/src/assets/css/ElementsStyles/header.css +++ b/luckydiamond/src/assets/css/ElementsStyles/header.css @@ -0,0 +1,26 @@ +.header { + margin-top: 4px; +} + +.header__content { + display: flex; + align-items: center; + text-align: center; + justify-content: space-between; +} + +.header__logo { + padding: 22px 0px 18px 36px; +} + +.header__nav nav a { + margin-right: 75px; + text-decoration: none; +} + +.header__nav--now { + color: #EF4444; + text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); + font-size: 18px; + font-weight: 700; +} \ No newline at end of file diff --git a/luckydiamond/src/assets/icons-header/diamond-ore-icon.png b/luckydiamond/src/assets/icons-header/diamond-ore-icon.png new file mode 100644 index 0000000..0d40a96 Binary files /dev/null and b/luckydiamond/src/assets/icons-header/diamond-ore-icon.png differ diff --git a/luckydiamond/src/assets/logo.svg b/luckydiamond/src/assets/logo.svg new file mode 100644 index 0000000..d5f9e37 --- /dev/null +++ b/luckydiamond/src/assets/logo.svg @@ -0,0 +1,30 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/luckydiamond/src/pages/HeaderElement.vue b/luckydiamond/src/pages/HeaderElement.vue index d9de9b6..8a65f81 100644 --- a/luckydiamond/src/pages/HeaderElement.vue +++ b/luckydiamond/src/pages/HeaderElement.vue @@ -1,7 +1,28 @@