mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-06-12 03:28:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: wider modal & item right sidebar, softer blur on small item cards

Browse Source
This commit is contained in:
Isaac
2024-05-20 23:40:52 +01:00
parent 634026e2e6
commit 6fb0e2ba25
2 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Elements/MainModal/scss/index.scss
View File

@@ -80,7 +80,7 @@
#modal {
height: 80vh;
width: clamp(60vw, 1200px, 90vw);
width: clamp(60vw, 1400px, 90vw);
@include themed {
background-color: t($modal-background);

16
src/components/Elements/MainModal/scss/marketplace/_main.scss
View File

@@ -10,6 +10,9 @@
}
.item-back {
margin: 0 !important;
filter: blur(40px) saturate(180%) brightness(90%) !important;
height: 15px !important;
width: 200px !important;
}
.item-icon {
margin: 0 !important;
@@ -63,8 +66,8 @@
filter: blur(60px) saturate(180%) brightness(90%);
position: absolute;
object-fit: cover !important;
height: 90px !important;
width: 100px !important;
height: 90px;
width: 100px;
border-radius: 100px;
transition: 0.5s;
margin-top: 30px;
@@ -80,6 +83,7 @@
}
.card-details {
z-index: 1;
padding: 10px;
margin-bottom: 24px;
display: flex;
@@ -143,7 +147,7 @@
table-layout: fixed;
width: 100%;
max-width: 650px !important;
word-wrap: break-word !important;
word-wrap: break-word !important;
}
}
@@ -153,8 +157,8 @@
background-size: cover;
border-radius: 15px;
width: 30%;
max-width: 250px;
max-height: 600px;
max-width: 300px;
max-height: 700px;
.front {
padding: 20px;
@@ -180,7 +184,7 @@
box-shadow: 0 5px 25px black;
aspect-ratio: 1 / 1;
object-fit: contain;
}
}
.divider {
text-transform: uppercase;