Theaninova/openstapps
1
0
Fork 0
mirror of https://gitlab.com/openstapps/openstapps.git synced 2026-01-03 12:02:53 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: my app card layout

Browse Source
This commit is contained in:
Thea Schöbl
2023-12-04 20:04:28 +01:00
committed by Thea Schöbl
parent 31a6ebfd3f
commit 8b5b4c765b
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/app/src/app/modules/profile/id-cards.scss
View File

@@ -20,9 +20,16 @@
simple-swiper { simple-swiper {
--swiper-slide-width: calc(min(90cqw, 12cm)); --swiper-slide-width: calc(min(90cqw, 12cm));
padding-block: 32px;
filter: drop-shadow(0 0 16px rgba(0 0 0 / 10%)); filter: drop-shadow(0 0 16px rgba(0 0 0 / 10%));
} }
@media (prefers-color-scheme: dark) {
simple-swiper {
filter: drop-shadow(0 0 16px rgba(0 0 0 / 50%));
}
}
.log-in { .log-in {
position: relative; position: relative;
@@ -33,11 +40,11 @@ simple-swiper {
height: calc(min(90cqw, 12cm) * (53.98 / 85.6)); height: calc(min(90cqw, 12cm) * (53.98 / 85.6));
padding: var(--spacing-xxl); padding: var(--spacing-xxl);
color: var(--ion-color-medium); color: var(--ion-color-dark);
background: var(--ion-color-light); background: var(--ion-color-light);
border-radius: 3mm; border-radius: 3mm;
outline: 1px dashed var(--ion-color-medium); outline: 1px dashed var(--ion-color-dark);
outline-offset: calc(-1 * var(--spacing-sm)); outline-offset: calc(-1 * var(--spacing-sm));
> ion-icon { > ion-icon {
@@ -46,6 +53,7 @@ simple-swiper {
left: 0; left: 0;
font-size: calc(min(90cqw, 12cm) / 2); font-size: calc(min(90cqw, 12cm) / 2);
color: var(--ion-color-dark);
opacity: 0.1; opacity: 0.1;
} }