Files
interview-demo-code/spa/src/style.css
2025-08-16 21:53:55 +03:00

50 lines
1.2 KiB
CSS

@import "tailwindcss";
@plugin "daisyui" {
themes: all;
}
html, body, #app {
width: 100%;
height: 100%;
}
html {
--swiper-pagination-color: var(--color-primary);
--swiper-navigation-color: var(--color-primary);
--swiper-pagination-bullet-inactive-color: var(--color-base-content);
--swiper-pagination-fraction-color: var(--color-neutral-content);
--product_list_title_max_lines: 1;
}
.swiper-pagination-bullets {
border-radius: var(--radius-selector);
padding: 5px 0;
}
#app {
position: relative;
/*padding-top: var(--tg-content-safe-area-inset-top);*/
padding-bottom: var(--tg-content-safe-area-inset-bottom);
padding-left: var(--tg-content-safe-area-inset-left);
padding-right: var(--tg-content-safe-area-inset-right);
}
.app-container {
/*padding-top: var(--tg-safe-area-inset-top);*/
padding-bottom: var(--tg-safe-area-inset-bottom);
padding-left: var(--tg-safe-area-inset-left);
padding-right: var(--tg-safe-area-inset-right);
}
.safe-top {
padding-top: calc(var(--tg-content-safe-area-inset-top) + var(--tg-safe-area-inset-top));
}
.swiper-pagination-bullets > .swiper-pagination-bullet {
background-color: red;
color: red;
}
.swiper-pagination-bullets {
top: 10px;
}