Add carousel element

This commit is contained in:
Hepatica
2024-03-17 21:37:28 +01:00
parent 7de74e533b
commit f40a2ade8b
7 changed files with 244 additions and 299 deletions

View File

@@ -108,6 +108,7 @@ button {
"menu jackpot jackpot jackpot jackpot jackpot chat";
grid-gap: 0.625rem;
}
.content-grid--double {
display: grid;
grid-auto-columns: 1fr;
@@ -123,6 +124,7 @@ button {
"menu double double double double double chat";
grid-gap: 0.625rem;
}
.grid-crash {
display: grid;
grid-template-columns: 0.35fr repeat(5, 1fr) 1fr;
@@ -177,7 +179,7 @@ button {
height: 86vh;
position: relative;
z-index: 3;
}
/* /Chat */
@@ -225,9 +227,15 @@ button {
margin: 0.625rem 2.438rem 1.125rem 1.125rem; */
}
.double {
display: flex;
grid-area: double;
}
.about {
grid-area: about;
}
@@ -293,7 +301,7 @@ button {
grid-area: help;
display: flex;
/* height:99%; */
height:86vh;
height: 86vh;
border-radius: 3.125rem;
background: #17181C;
box-shadow: 0.25rem 0.25rem 0.25rem 0px rgba(0, 0, 0, 0.25);
@@ -301,7 +309,7 @@ button {
/*height: 96.2%;*/
width: 1000px;
margin: 0 auto;
}
@@ -328,8 +336,9 @@ button {
height: 35%;
z-index: 0;
}
/* /Crash */
/* Media */
/* /Media */
/* /Media */

View File

@@ -0,0 +1,17 @@
<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2522_173)">
<rect x="4" width="100" height="100" rx="15" fill="#1F1F1F"/>
</g>
<defs>
<filter id="filter0_d_2522_173" x="0" y="0" width="108" height="108" 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 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_2522_173"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2522_173" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 909 B

View File

@@ -0,0 +1,17 @@
<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_3462_2)">
<rect x="4" width="100" height="100" rx="15" fill="#3B6D3A"/>
</g>
<defs>
<filter id="filter0_d_3462_2" x="0" y="0" width="108" height="108" 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 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_3462_2"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3462_2" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 901 B

View File

@@ -0,0 +1,17 @@
<svg width="108" height="108" viewBox="0 0 108 108" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_2522_175)">
<rect x="4" width="100" height="100" rx="15" fill="#EF4444"/>
</g>
<defs>
<filter id="filter0_d_2522_175" x="0" y="0" width="108" height="108" 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 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_2522_175"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_2522_175" result="shape"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 909 B