tikaiz/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve touchscreen scrolling on carousel and make mobile page wider
All checks were successful
publish.yml / publish (push) Successful in 1m3s
Details

Browse Source
This commit is contained in:
Tim Kainz
2026-04-16 23:08:42 +02:00
parent 7288edd019
commit 15294f95a1
4 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/app.css
View File

@@ -151,14 +151,14 @@
@media (max-width: 768px) {
.content {
padding-top: calc(6.5rem + env(safe-area-inset-top));
padding: calc(6.5rem + env(safe-area-inset-top)) 0.5rem 3rem;
}
.sidebar {
position: fixed;
top: 0.75rem;
right: 0.75rem;
left: 0.75rem;
right: 0.5rem;
left: 0.5rem;
transform: none;
width: auto;
margin: 0;

2
src/components/tech-stack-carousel/tech-stack-carousel.css
View File

@@ -209,7 +209,7 @@ h2 {
@media (max-width: 760px) {
.stack-carousel-shell {
--carousel-nav-space: 0;
--carousel-edge-fade-size: 1rem;
--carousel-edge-fade-size: 0.6rem;
width: 100%;
margin-inline: 0;
}

2
src/pages/home/home.css
View File

@@ -161,7 +161,7 @@ h2 {
@media (max-width: 760px) {
.page-wrap {
padding-top: 0.5rem;
padding: 0.5rem 0.75rem 3.5rem;
}
.hero {

2
src/styles.css
View File

@@ -82,7 +82,7 @@ a {
@media (max-width: 760px) {
.page-shell {
padding-top: 0.5rem;
padding: 0.5rem 0.75rem 3.5rem;
}
.hero-panel {