mirror of
https://github.com/lscambo13/ElegantFin.git
synced 2026-10-26 09:39:34 +00:00
Fix: Removed temporary workarounds for sizing cards on phones
This commit is contained in:
1 parent
256ef84e02
commit
7fee0798ab
1 file changed
+5
-13
@@ -190,6 +190,7 @@ select {
|
|||||||
--headerColorGradient: var(--headerColorGradientAlt);
|
--headerColorGradient: var(--headerColorGradientAlt);
|
||||||
--blurLargest: blur(12px);
|
--blurLargest: blur(12px);
|
||||||
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
|
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
|
||||||
|
--itemColumnGap: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-mobile > body {
|
.layout-mobile > body {
|
||||||
@@ -932,19 +933,16 @@ select {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.layout-mobile .card {
|
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cardBox {
|
.cardBox {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
--effectiveWidth: calc((99vw - (var(--sidePadding) * 2)));
|
--padding: 0.375em;
|
||||||
|
--effectiveWidth: calc(((100vw - (var(--padding) * 2)) - (var(--sidePadding) * 2)));
|
||||||
--cardWidth: calc(var(--effectiveWidth) / var(--cardCount) - var(--itemColumnGap));
|
--cardWidth: calc(var(--effectiveWidth) / var(--cardCount) - var(--itemColumnGap));
|
||||||
width: var(--cardWidth) !important;
|
width: var(--cardWidth) !important;
|
||||||
padding: 0.375em;
|
padding: var(--padding);
|
||||||
transition: width 0.5s;
|
transition: width 0.5s;
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
}
|
}
|
||||||
@@ -957,13 +955,7 @@ select {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.layout-mobile .card {
|
.layout-mobile .card {
|
||||||
--effectiveWidth: calc((91vw - (var(--sidePadding) * 2)));
|
--padding: 1px;
|
||||||
--cardWidth: calc(var(--effectiveWidth) / var(--cardCount));
|
|
||||||
}
|
|
||||||
|
|
||||||
.layout-mobile .backdropCard,
|
|
||||||
.layout-mobile .overflowBackdropCard {
|
|
||||||
--effectiveWidth: calc((94vw - (var(--sidePadding) * 2)));
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* this makes the card sizes smaller when phone is in landscape mode */
|
/* this makes the card sizes smaller when phone is in landscape mode */
|
||||||
|
|||||||
Reference in new issue
Block a user