mirror of
https://github.com/yawaflua/LuckyDiamond.git
synced 2025-12-10 04:09:29 +02:00
changed icons and icons styles in aside bar, menu
This commit is contained in:
Kostya
@@ -25,19 +25,31 @@
|
||||
background: rgba(217, 217, 217, 0.12);
|
||||
filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
|
||||
width: 90%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.menu__content--gamemodes a {
|
||||
padding: 20px 0px 20px 0px;
|
||||
}
|
||||
|
||||
.menu__content--gamemodes {
|
||||
display: flex;
|
||||
text-align: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.menu__content--gamemodes a {
|
||||
padding: 20px 10px;
|
||||
}
|
||||
|
||||
.menu__content--gamemodes a img {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
}
|
||||
|
||||
.menu__btn--settings {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
||||
@@ -1,17 +0,0 @@
|
||||
<svg width="59" height="58" viewBox="0 0 59 58" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="Vector" filter="url(#filter0_d_362_99)">
|
||||
<path d="M6.53125 20.5327L13.3438 23.4389C14.1146 21.9181 14.9375 20.4181 15.8125 18.9389C16.6875 17.4598 17.625 16.0327 18.625 14.6577L13.4688 13.5952L6.53125 20.5327ZM16.25 25.6264L24.5625 33.9389C27.125 32.7306 29.4531 31.4337 31.5469 30.0483C33.6406 28.6629 35.3333 27.3244 36.625 26.0327C39.9583 22.6994 42.401 19.2671 43.9531 15.7358C45.5052 12.2046 46.3646 8.17852 46.5312 3.65768C42.0104 3.82435 37.9844 4.67852 34.4531 6.22018C30.9219 7.76185 27.4896 10.1994 24.1562 13.5327C22.8646 14.8244 21.526 16.5223 20.1406 18.6264C18.7552 20.7306 17.4583 23.0639 16.25 25.6264ZM31 19.1889C30.1667 18.3764 29.75 17.3712 29.75 16.1733C29.75 14.9754 30.1667 13.9598 31 13.1264C31.8125 12.2931 32.8177 11.8764 34.0156 11.8764C35.2135 11.8764 36.2292 12.2931 37.0625 13.1264C37.875 13.9598 38.2812 14.9754 38.2812 16.1733C38.2812 17.3712 37.875 18.3764 37.0625 19.1889C36.2292 20.0223 35.2135 20.4389 34.0156 20.4389C32.8177 20.4389 31.8125 20.0223 31 19.1889ZM29.6562 43.6577L36.5938 36.7202L35.5312 31.5639C34.1562 32.5431 32.7292 33.4754 31.25 34.3608C29.7708 35.2462 28.2708 36.0744 26.75 36.8452L29.6562 43.6577ZM50.0625 0.126434C50.5 5.52227 49.8125 10.5952 48 15.3452C46.1875 20.0952 43.2708 24.4806 39.25 28.5014L38.9844 28.7671L38.7188 29.0327L40.0938 36.0014C40.2188 36.6056 40.1875 37.1889 40 37.7514C39.8125 38.3139 39.5104 38.8139 39.0938 39.2514L28.4688 49.9389L23.1875 37.6264L12.5312 27.0014L0.25 21.7202L10.9688 11.0952C11.3854 10.6577 11.875 10.3452 12.4375 10.1577C13 9.97018 13.5833 9.93893 14.1875 10.0639L21.1562 11.4702C21.2396 11.3869 21.3229 11.3087 21.4062 11.2358C21.4896 11.1629 21.5833 11.0848 21.6875 11.0014C25.7083 6.9806 30.0938 4.05352 34.8438 2.22018C39.5938 0.38685 44.6667 -0.311067 50.0625 0.126434ZM4.59375 34.4389C6.05208 32.9806 7.81771 32.2514 9.89062 32.2514C11.9635 32.2514 13.7188 32.9598 15.1562 34.3764C16.5938 35.8348 17.3073 37.6004 17.2969 39.6733C17.2865 41.7462 16.5625 43.5014 15.125 44.9389C14.0208 46.0431 12.3542 46.9441 10.125 47.6421C7.89583 48.34 4.52083 48.991 0 49.5952C0.625 45.0744 1.27083 41.6941 1.9375 39.4546C2.60417 37.215 3.48958 35.5431 4.59375 34.4389ZM7.125 37.0327C6.5 37.6994 5.96354 38.7046 5.51562 40.0483C5.06771 41.3921 4.66667 43.1264 4.3125 45.2514C6.4375 44.8973 8.17188 44.4962 9.51562 44.0483C10.8594 43.6004 11.8646 43.0639 12.5312 42.4389C13.3229 41.7514 13.7292 40.8556 13.75 39.7514C13.7708 38.6473 13.4062 37.6994 12.6562 36.9077C11.8438 36.1577 10.8906 35.7931 9.79688 35.8139C8.70312 35.8348 7.8125 36.241 7.125 37.0327Z" fill="#EF4444"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_362_99" x="0" y="0" width="58.1902" height="57.939" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="4" dy="4"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_362_99"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_362_99" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 914 B After Width: | Height: | Size: 914 B |
17
luckydiamond/src/assets/icons-menu/crush-icon.svg
Normal file
17
luckydiamond/src/assets/icons-menu/crush-icon.svg
Normal file
@@ -0,0 +1,17 @@
|
||||
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="Vector" filter="url(#filter0_d_362_99)">
|
||||
<path d="M6.76677 21.3801L13.8249 24.4063C14.6236 22.8227 15.4762 21.2608 16.3827 19.7206C17.2893 18.1804 18.2606 16.6944 19.2966 15.2626L13.9544 14.1563L6.76677 21.3801ZM16.836 26.6841L25.4482 35.3397C28.1031 34.0814 30.5152 32.731 32.6845 31.2885C34.8537 29.8459 36.6075 28.4521 37.9457 27.1071C41.3993 23.6362 43.9301 20.0622 45.5381 16.3853C47.1462 12.7083 48.0365 8.51606 48.2092 3.80864C43.5253 3.98219 39.3541 4.87161 35.6955 6.4769C32.0369 8.08219 28.4809 10.6203 25.0273 14.0912C23.6891 15.4362 22.3023 17.2042 20.8669 19.3952C19.4315 21.5862 18.0879 24.0158 16.836 26.6841ZM32.1179 19.9809C31.2545 19.1349 30.8228 18.0882 30.8228 16.8408C30.8228 15.5935 31.2545 14.5359 32.1179 13.6682C32.9597 12.8005 34.0011 12.3666 35.2423 12.3666C36.4834 12.3666 37.5356 12.8005 38.399 13.6682C39.2408 14.5359 39.6617 15.5935 39.6617 16.8408C39.6617 18.0882 39.2408 19.1349 38.399 19.9809C37.5356 20.8486 36.4834 21.2825 35.2423 21.2825C34.0011 21.2825 32.9597 20.8486 32.1179 19.9809ZM30.7257 45.4595L37.9133 38.2357L36.8125 32.8666C35.388 33.8862 33.9094 34.857 32.3769 35.7789C30.8444 36.7009 29.2903 37.5632 27.7146 38.3658L30.7257 45.4595ZM51.8678 0.131652C52.3211 5.75018 51.6088 11.0325 49.7309 15.9785C47.8531 20.9245 44.8312 25.491 40.6654 29.6777L40.3902 29.9543L40.115 30.2309L41.5396 37.4873C41.6691 38.1164 41.6367 38.7238 41.4424 39.3095C41.2482 39.8952 40.9352 40.4159 40.5035 40.8714L29.4954 52L24.0237 39.1793L12.9831 28.1158L0.259015 22.6166L11.3643 11.5531C11.796 11.0975 12.3032 10.7721 12.886 10.5769C13.4688 10.3817 14.0732 10.3491 14.6991 10.4793L21.9192 11.9436C22.0055 11.8568 22.0918 11.7755 22.1782 11.6995C22.2645 11.6236 22.3616 11.5423 22.4696 11.4555C26.6354 7.2687 31.179 4.22081 36.1002 2.31181C41.0215 0.402816 46.2774 -0.323905 51.8678 0.131652ZM4.7594 35.8603C6.27033 34.3418 8.09962 33.5825 10.2473 33.5825C12.395 33.5825 14.2135 34.3201 15.7028 35.7952C17.1921 37.3137 17.9314 39.1522 17.9206 41.3107C17.9098 43.4692 17.1598 45.2968 15.6704 46.7936C14.5264 47.9434 12.7997 48.8816 10.4901 49.6083C8.18056 50.335 4.68386 51.013 0 51.6421C0.647538 46.9346 1.31666 43.4149 2.00737 41.0829C2.69808 38.7509 3.61542 37.01 4.7594 35.8603ZM7.38193 38.5611C6.7344 39.2553 6.17859 40.302 5.71452 41.7012C5.25045 43.1004 4.83495 44.9063 4.46801 47.119C6.66964 46.7503 8.46656 46.3327 9.85877 45.8663C11.251 45.3999 12.2924 44.8413 12.9831 44.1905C13.8034 43.4746 14.2243 42.5418 14.2458 41.392C14.2674 40.2423 13.8897 39.2553 13.1126 38.4309C12.2708 37.65 11.2833 37.2703 10.1502 37.292C9.01697 37.3137 8.09422 37.7367 7.38193 38.5611Z" fill="#EF4444"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_362_99" x="0" y="0" width="60" height="60" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dx="4" dy="4"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_362_99"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_362_99" result="shape"/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.3 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 5.6 KiB After Width: | Height: | Size: 5.6 KiB |
@@ -1,5 +1,5 @@
|
||||
<svg width="73" height="44" viewBox="0 0 73 44" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<g filter="url(#filter0_d_644_4)">
|
||||
<g id="sadasdad 1" filter="url(#filter0_d_644_4)">
|
||||
<rect width="65" height="36" fill="url(#pattern0)" shape-rendering="crispEdges"/>
|
||||
</g>
|
||||
<defs>
|
||||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
@@ -2,18 +2,18 @@
|
||||
<aside class="menu">
|
||||
<div class="menu__content">
|
||||
<div class="menu__btn--home">
|
||||
<a href="#"><img width="73" height="73" src="../assets/icons-home/home-icon.svg"></a>
|
||||
<a href="#"><img width="73" height="73" src="../assets/icons-menu/home-icon.svg"></a>
|
||||
</div>
|
||||
<div class="menu__btns--gamemodes">
|
||||
<div class="menu__content--gamemodes">
|
||||
<a href="#"><img src="../assets/icons-home/slots-icon.svg"></a>
|
||||
<a href="#"><img src="../assets/icons-home/crush-icon.svg"></a>
|
||||
<a href="#"><img src="../assets/icons-home/case-icon.png"></a>
|
||||
<a href="#"><img src="../assets/icons-home/bomb-icon.svg"></a>
|
||||
<a href="#"><img src="@/assets/icons-menu/slots-icon.svg"></a>
|
||||
<a href="#"><img src="@/assets/icons-menu/crush-icon.svg"></a>
|
||||
<a href="#"><img src="@/assets/icons-menu/case-icon.png"></a>
|
||||
<a href="#"><img src="@/assets/icons-menu/bomb-icon.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="menu__btn--settings">
|
||||
<a href="#"><img width="73" height="73" src="../assets/icons-home/settings-icon.svg"></a>
|
||||
<a href="#"><img width="73" height="73" src="../assets/icons-menu/settings-icon.svg"></a>
|
||||
</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
Reference in New Issue
Block a user