nikitakiselev/interview-demo-code
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat(spa): show navbar with app logo and app name

Browse Source
This commit is contained in:
Nikita Kiselev
2025-10-25 18:48:47 +03:00
parent ed8592c19d
commit c3c0d6d2c1
9 changed files with 174 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
spa/src/style.css
View File

@@ -14,6 +14,7 @@ html {
--swiper-pagination-bullet-inactive-color: var(--color-base-content);
--swiper-pagination-fraction-color: var(--color-neutral-content);
--product_list_title_max_lines: 1;
--tc-navbar-min-height: 3rem;
}
.swiper-pagination-bullets {
@@ -41,14 +42,22 @@ html {
}
.app-header {
z-index: 100;
z-index: 60;
position: fixed;
background: var(--color-primary);
padding-top: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
height: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
min-height: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
max-height: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
display: flex;
justify-content: center;
flex-direction: column;
justify-content: end;
align-items: center;
color: white;
padding-bottom: 8px;
}
.telecart-main-section {
padding-top: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top) + var(--tc-navbar-min-height));
}
.swiper-pagination-bullets > .swiper-pagination-bullet {