Improve home page responsive layout and overflow handling
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 19s

Rework media query breakpoints and grid placement for better
tablet/mobile display. Add overflow-auto to Radio, Links, and
Listening components. Add Links header. Simplify Intro2 animation
initial positions.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-30 02:38:21 +01:00
parent 75cede3b1b
commit 24fd4dd00c
5 changed files with 150 additions and 134 deletions

View File

@@ -1,6 +1,7 @@
<script setup>
import RouterTable from "@/components/util/RouterTable.vue";
import LinkTable from "@/components/util/LinkTable.vue";
import Header from "@/components/text/Header.vue";
const site_links = [
{ name: "CV", link: "/cv" },
@@ -19,7 +20,8 @@ const social_links = [
</script>
<template>
<div class="flex flex-col justify-between">
<div class="flex flex-col justify-between overflow-auto">
<Header>Links</Header>
<div class="flex flex-col gap-1">
<RouterTable :linkArr="site_links" />
</div>