BinaryNinja/tvapp2
4
1
Fork 0
mirror of https://github.com/TheBinaryNinja/tvapp2.git synced 2026-06-04 12:35:40 -04:00
Code Issues Packages Projects Releases Wiki Activity

refactor: decrease font-size clamp maximum

Browse Source
This commit is contained in:
Aetherx
2025-03-23 22:40:46 -07:00
parent 25ed3c38e7
commit d391676a8e
1 changed files with 40 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
tvapp2/www/css/tvapp2.min.css vendored
View File

@@ -56,7 +56,7 @@ body
{ {
padding-left: 8px; padding-left: 8px;
padding-bottom: 4vh; padding-bottom: 4vh;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
line-height: 1.6; line-height: 1.6;
font-weight: 100; font-weight: 100;
} }
@@ -219,9 +219,9 @@ p
{ {
word-break: keep-all; word-break: keep-all;
white-space: normal; white-space: normal;
min-width: 8vw !important; min-width: 7vw !important;
text-wrap: nowrap; text-wrap: nowrap;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
font-weight: 800; font-weight: 800;
vertical-align: middle; vertical-align: middle;
} }
@@ -235,9 +235,9 @@ p
{ {
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
min-width: 11vw !important; min-width: 9vw !important;
text-wrap: nowrap; text-wrap: nowrap;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
vertical-align: middle; vertical-align: middle;
} }
@@ -250,7 +250,17 @@ p
#list .size #list .size
{ {
min-width: 5vw !important; min-width: 5vw !important;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
word-break: break-all;
white-space: normal;
text-wrap: nowrap;
vertical-align: middle;
}
#list .date
{
min-width: 5vw !important;
font-size: clamp(0.5em, 1vw, 0.8em);
word-break: break-all; word-break: break-all;
white-space: normal; white-space: normal;
text-wrap: nowrap; text-wrap: nowrap;
@@ -259,10 +269,29 @@ p
#list .desc #list .desc
{ {
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
vertical-align: middle; vertical-align: middle;
} }
.navbar-social svg
{
font-size: clamp(0.7em, 2vw, 1.3em);
padding-top: 2px;
padding-left: 10px;
}
.navbar-social svg:hover
{
animation-name: fade-in, scale-in;
animation-duration: 1s, 0.5s;
animation-timing-function: ease-in, linear;
animation-direction: alternate, alternate;
animation-iteration-count: infinite, 1;
transition: all 0.3s;
opacity: 1;
transform: scale(1.8);
}
.table thead th a .table thead th a
{ {
color: #9b9b9b !important; color: #9b9b9b !important;
@@ -274,7 +303,7 @@ p
padding: .75rem; padding: .75rem;
vertical-align: baseline; vertical-align: baseline;
border-top: 0px solid #dee2e6; border-top: 0px solid #dee2e6;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
line-height: 1.6; line-height: 1.6;
} }
@@ -289,7 +318,7 @@ p
{ {
vertical-align: bottom; vertical-align: bottom;
border-bottom: 0px solid #575757; border-bottom: 0px solid #575757;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
line-height: 2.5vmin; line-height: 2.5vmin;
} }
@@ -309,7 +338,7 @@ p
background-color: #1A1A1A; background-color: #1A1A1A;
padding: 2vh; padding: 2vh;
margin-bottom: 1vh; margin-bottom: 1vh;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
font-weight: 100; font-weight: 100;
border: 1px dashed #FF6C00; border: 1px dashed #FF6C00;
width: 100%; width: 100%;
@@ -320,7 +349,7 @@ p
{ {
background-color: #1A1A1A; background-color: #1A1A1A;
padding: 2vh; padding: 2vh;
font-size: clamp(0.7em, 1vw, 0.9em); font-size: clamp(0.5em, 1vw, 0.8em);
font-weight: 100; font-weight: 100;
border: 1px dashed #FF0048; border: 1px dashed #FF0048;
width: 100%; width: 100%;