adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

Add padding below headers in Listening/Steam and adjust layout sizing
All checks were successful
Deploy with Docker Compose / deploy (push) Successful in 27s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Adam French
2026-04-16 02:57:54 +01:00
parent a14b78a1b9
commit 0b6ffedb70
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
vue/src/views/home/Home.vue
View File

@@ -168,7 +168,7 @@ import Bookmarks from "./Bookmarks.vue";
.homeGrid { .homeGrid {
order: -1; order: -1;
width: 95vw; width: 95vw;
height: 120vh; height: 297mm;
margin-inline: 0; margin-inline: 0;
box-sizing: border-box; box-sizing: border-box;
} }

2
vue/src/views/home/Listening.vue
View File

@@ -34,7 +34,7 @@ onUnmounted(() => {
<div <div
@click="nextSong" @click="nextSong"
:key="song.track.name" :key="song.track.name"
class="flex flex-col items-center" class="flex flex-col items-center pt-2"
> >
<Header>Listening To</Header> <Header>Listening To</Header>
<img :src="song.track.album.images[0].url" :alt="song.track.album.name + ' album art'" /> <img :src="song.track.album.images[0].url" :alt="song.track.album.name + ' album art'" />

4
vue/src/views/home/Steam.vue
View File

@@ -59,7 +59,7 @@ function formatHours(minutes) {
<div <div
@click="nextGame" @click="nextGame"
:key="game.appId" :key="game.appId"
class="flex flex-col items-center" class="flex flex-col items-center pt-2"
> >
<img <img
:src="game.headerImageUrl" :src="game.headerImageUrl"
@@ -85,7 +85,7 @@ function formatHours(minutes) {
<style scoped> <style scoped>
.steam-wrapper { .steam-wrapper {
position: relative; position: relative;
height: 50mm; height: 54mm;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }