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

fill container

Browse Source
This commit is contained in:
Adam French
2025-11-29 20:48:46 +00:00
parent ca3963ed7b
commit 66b5162a75
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
nginx/vue/public/css/styles.css
View File

@@ -106,6 +106,11 @@ video {
background: white; background: white;
} }
.fill {
width: 100%;
height: 100%;
}
.center-content { .center-content {
align-items: center; align-items: center;
text-align: center; text-align: center;

8
nginx/vue/src/views/Home.vue
View File

@@ -7,7 +7,7 @@ import Radio from "@/components/Radio.vue";
<template> <template>
<main class="flex-row"> <main class="flex-row">
<div class="border4 tile1"> <div class="border4 tile1">
<div class="border2 bg-white shadow1"> <div class="border2 bg-white shadow1 fill">
<img src="/img/epic.jpeg" /> <img src="/img/epic.jpeg" />
<div class="margin1"> <div class="margin1">
<h1>Welcome</h1> <h1>Welcome</h1>
@@ -17,7 +17,7 @@ import Radio from "@/components/Radio.vue";
</div> </div>
<div class="border-cv tile1"> <div class="border-cv tile1">
<div class="border2 bg-white shadow1"> <div class="border2 bg-white shadow1 fill">
<!-- <video> <!-- <video>
<source src="/img/memes/1761540684738196.webm" /> <source src="/img/memes/1761540684738196.webm" />
</video> --> </video> -->
@@ -52,7 +52,7 @@ import Radio from "@/components/Radio.vue";
</div> --> </div> -->
<div class="border1 tile1"> <div class="border1 tile1">
<Radio class="border2 bg-white shadow1" /> <Radio class="border2 fill bg-white shadow1" />
</div> </div>
<div class="border1 tile3"> <div class="border1 tile3">
@@ -60,7 +60,7 @@ import Radio from "@/components/Radio.vue";
</div> </div>
<div class="border1 tile1"> <div class="border1 tile1">
<SpotifyListening class="border2 bg-white shadow1" /> <SpotifyListening class="border2 bg-white shadow1 fill" />
</div> </div>
</main> </main>
</template> </template>