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

style: radial gradient ItemPage sidebar, replacing blurred image

Browse Source
This commit is contained in:
Isaac
2024-06-19 02:58:24 +01:00
parent 49d777842b
commit 258fc9dc50
2 changed files with 72 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -151,31 +151,24 @@
border-radius: 15px;
width: 30%;
max-width: 300px;
max-height: 700px;
// max-height: 700px;
.front {
padding: 20px;
height: 100%;
display: flex;
flex-flow: column;
gap: 15px;
width: 100%;
box-sizing: border-box !important;
border-radius: 12px 12px 0 0;
backdrop-filter: blur(40px) saturate(150%) brightness(75%);
@include themed {
background-image: linear-gradient(to bottom, transparent, t($modal-background));
}
}
padding: 20px;
height: 100%;
display: flex;
flex-flow: column;
gap: 15px;
width: 100%;
box-sizing: border-box !important;
border-radius: 12px;
.icon {
width: 100%;
height: auto;
border-radius: 12px;
box-shadow: 0 5px 25px black;
box-shadow: 0 5px 25px rgba(0, 0, 0, .75);
aspect-ratio: 1 / 1;
object-fit: contain;
object-fit: cover;
}
.divider {
@@ -274,9 +267,9 @@ p.author {
margin-top: -5px;
}
#item > img,
#item>img,
.updateImage,
.updateChangelog > p > img {
.updateChangelog>p>img {
border-radius: 12px;
height: 200px;
width: auto;