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,10 +1,10 @@
<template>
<div v-if="streamLive" class="overflow-hidden">
<div v-if="streamLive" class="overflow-auto">
<Header>Radio</Header>
<img src="/img/tmpen31z3pe.PNG" alt="Radio" width="176" height="177" />
<audio controls :src="streamUrl" ref="audio"></audio>
</div>
<div v-else>
<div v-else class="overflow-auto">
<Header>Radio</Header>
<img src="/img/tmpen31z3pe.PNG" alt="Radio" width="176" height="177" />
<div class="m-1 text-center">