yawaflua/LuckyDiamond
1
0
Fork 0
mirror of https://github.com/yawaflua/LuckyDiamond.git synced 2025-12-10 04:09:29 +02:00
Code Issues Packages Projects Releases Wiki Activity

added card for auth discord

Browse Source
This commit is contained in:
Kostya
2023-11-19 00:00:18 +03:00
parent ca9964cdf8
commit c4f6db648c
3 changed files with 29 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
luckydiamond/src/assets/css/ElementsStyles/header.css
View File

@@ -120,4 +120,30 @@
.header__card--discord img {
box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.header__card--auth {
display: flex;
align-items: center;
text-align: center;
margin-right: 20px;
}
.auth__card--content a {
display: flex;
align-items: center;
border-radius: 13px;
background: #5865F2;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
color: #000;
font-size: 16px;
font-weight: 600;
font-family: Montserrat;
padding: 11px 26px 11px 21px;
text-decoration: none;
text-transform: uppercase;
}
.auth__card--content a span img {
margin-right: 5px;
}

BIN
luckydiamond/src/assets/icons-header/discord-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 778 B

4
luckydiamond/src/pages/HeaderElement.vue
View File

@@ -30,7 +30,9 @@
<img src="@/assets/icons-test/person-icon.svg" alt="test-ico">
</div>
<div class="header__card--auth">
<h2>discord</h2>
<div class="auth__card--content">
<a href="#"><span><img width="30" height="30" src="@/assets/icons-header/discord-icon.png"></span>Вход</a>
</div>
</div>
</div>
</div>