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

Animations for asidebar

Browse Source 
Абалденные анимации (кто нахрен сделал так, что размер всего бара зависит от размера джекпота)
This commit is contained in:
Swino4ka
2024-03-06 16:08:06 +01:00
parent 674e1635d2
commit 7caaec71e3
3 changed files with 52 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
luckydiamond/src/assets/css/ComponentsStyles/asidebar.css
View File

@@ -9,11 +9,31 @@
display: flex;
align-items: center;
flex-direction: column;
margin-top: 12%;
}
.menu__content--jackpot-icon{
width: 16vh;
width: 10vh;
height: -4vh;
transition: 250ms;
}
.menu__content--jackpot-icon:hover {
width: 11vh;
height: -4vh;
}
.menu__content--chest-icon {
margin-left: -1px;
transition: 250ms;
width: 100%;
height: 100%;
}
.menu__content--chest-icon:hover {
margin-left: -5px;
height: 125%;
width: 125%;
}
.menu__btn--home {
@@ -54,11 +74,29 @@
}
.menu__content--cruch-icon {
margin-left: 6px
margin-left: 6px;
transition: 250ms;
width: 100%;
height: 100%;
}
.menu__content--cruch-icon:hover {
margin-left: 0px;
width: 125%;
height: 125%;
}
.menu__content--bomb-icon {
margin-left: 6px
margin-left: 6px;
width: 100%;
height: 100%;
transition: 250ms;
}
.menu__content--bomb-icon:hover {
margin-left: 0px;
width: 125%;
height: 125%;
}
.menu__content--gamemodes {
@@ -76,8 +114,6 @@
justify-content: center;
align-items: center;
text-align: center;
max-width: 100%;
max-height: 100%;
}
.menu__btn--settings {