From f430621cb79ae2fffb41edc501e92051f6a0da63 Mon Sep 17 00:00:00 2001 From: Rainer Killinger Date: Thu, 20 Apr 2023 11:30:40 +0200 Subject: [PATCH] refactor: profile page simple swiper & item layout --- src/app/modules/profile/page/profile-page-section.scss | 1 + src/app/util/simple-swiper.scss | 4 ++++ 2 files changed, 5 insertions(+) diff --git a/src/app/modules/profile/page/profile-page-section.scss b/src/app/modules/profile/page/profile-page-section.scss index f4169e7d..18c14b48 100644 --- a/src/app/modules/profile/page/profile-page-section.scss +++ b/src/app/modules/profile/page/profile-page-section.scss @@ -52,6 +52,7 @@ ion-item { justify-content: center; align-items: center; font-size: var(--font-size-sm); + padding: 0 var(--spacing-xs) 0 var(--spacing-xs); } &::part(native) { diff --git a/src/app/util/simple-swiper.scss b/src/app/util/simple-swiper.scss index 32a2ed16..d335b406 100644 --- a/src/app/util/simple-swiper.scss +++ b/src/app/util/simple-swiper.scss @@ -45,6 +45,10 @@ padding-inline-end: var(--swiper-scroll-padding); width: calc(var(--swiper-slide-width) + var(--swiper-scroll-padding)); } + + &:only-child { + width: calc(var(--swiper-slide-width) + 2 * var(--swiper-scroll-padding)); + } } &::-webkit-scrollbar {