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

more tailwind

Browse Source
This commit is contained in:
Adam French
2026-02-04 13:32:43 +00:00
parent 57a7f5e545
commit 7f94f174c3
3 changed files with 32 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
nginx/vue/src/assets/styles.css
View File

@@ -39,13 +39,13 @@
--portal_light_blue: #00a2ff; --portal_light_blue: #00a2ff;
/* MAIN COLORS */ /* MAIN COLORS */
--primary: #5fb; --primary: #55ffbb;
--secondary: #5ea; --secondary: #62ff57;
--tertiary: #2ea; --tertiary: #2ea;
--quaternary: #400; --quaternary: #400;
/* BACKGROUND COLORS */ /* BACKGROUND COLORS */
--bg_primary: #011; --bg_primary: #1b110e;
--bg_secondary: #000; --bg_secondary: #000;
--link: #222; --link: #222;
@@ -68,6 +68,8 @@
--color-bg_secondary: var(--bg_secondary); --color-bg_secondary: var(--bg_secondary);
--color-link: var(--link); --color-link: var(--link);
--borderWidth-primary: var(--primary);
--font-heading: var(--font_heading); --font-heading: var(--font_heading);
--default-font-family: var(--font_default); --default-font-family: var(--font_default);
} }
@@ -93,7 +95,12 @@ h1,
h2, h2,
h3, h3,
h4 { h4 {
@apply m-1 border-primary border-b font-heading text-primary; @apply m-1 font-heading text-primary;
}
h1,
h2 {
@apply border-primary border-b;
} }
p { p {
@@ -105,17 +112,29 @@ button {
} }
a { a {
@apply text-primary bg-link text-center; @apply text-primary bg-link text-center font-heading;
} }
table { table {
@apply border-primary border text-primary; @apply border-primary border text-primary;
} }
td {
@apply gap-1;
}
tr { tr {
@apply border-primary border-b text-primary; @apply border-primary border-b text-primary;
} }
th {
@apply pr-3 pl-3 border-r border-dotted border-tertiary;
}
td {
@apply pr-3 pl-3;
}
/* END OF ELEMENTS */ /* END OF ELEMENTS */
/* CLASSES */ /* CLASSES */
@@ -148,26 +167,26 @@ tr {
/* A5 Page */ /* A5 Page */
.a5page-landscape { .a5page-landscape {
@apply m-0; @apply m-0 box-content;
height: 148mm; height: 148mm;
width: 210mm; width: 210mm;
} }
.a5page-portrait { .a5page-portrait {
@apply m-0; @apply m-0 box-content;
width: 148mm; width: 148mm;
height: 210mm; height: 210mm;
} }
/* A4 Page */ /* A4 Page */
.a4page-portrait { .a4page-portrait {
@apply m-0; @apply m-0 box-content;
width: 210mm; width: 210mm;
height: 297mm; height: 297mm;
} }
.a4page-landscape { .a4page-landscape {
@apply m-0; @apply m-0 box-content;
height: 210mm; height: 210mm;
width: 297mm; width: 297mm;
} }

4
nginx/vue/src/components/home/Favorites.vue
View File

@@ -63,8 +63,8 @@ const favs = [
<template> <template>
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<h2>favs</h2> <h2>favs</h2>
<div class="overflow-scroll flex-1 border-box"> <div class="overflow-scroll w-full flex-1 border-box">
<OptionalLinkTable class="scroll" :data="favs" /> <OptionalLinkTable class="w-full" :data="favs" />
</div> </div>
</div> </div>
</template> </template>

4
nginx/vue/src/components/home/Gym.vue
View File

@@ -10,8 +10,8 @@ const gym = [
<template> <template>
<div class="flex flex-col items-center"> <div class="flex flex-col items-center">
<h2>Gym</h2> <h2>Gym</h2>
<p>I'm not a gym geek but I have a consistent routine:</p> <p class="m-3">I'm not a gym geek but I always do:</p>
<div class="overflow-scroll flex-1 border-box"> <div class="overflow-scroll w-full flex-1 border-box">
<OptionalLinkTable :data="gym" /> <OptionalLinkTable :data="gym" />
</div> </div>
</div> </div>