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) { @media (max-width: 768px) {
.content { .content {
padding-top: calc(6.5rem + env(safe-area-inset-top)); padding: calc(6.5rem + env(safe-area-inset-top)) 0.5rem 3rem;
} }
.sidebar { .sidebar {
position: fixed; position: fixed;
top: 0.75rem; top: 0.75rem;
right: 0.75rem; right: 0.5rem;
left: 0.75rem; left: 0.5rem;
transform: none; transform: none;
width: auto; width: auto;
margin: 0; margin: 0;

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

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

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

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

2
src/styles.css
View File

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