support/kh3_website
1
0
Fork 0
mirror of https://git.kh3group.com/georgebiri/kh3_website.git synced 2026-07-02 07:03:46 +00:00
Code Issues Projects Releases Packages Wiki Activity

fix: enhance layout and responsiveness in index.html and update CSS for new height utilities
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source
This commit is contained in:
George Birikorang 2025-09-02 03:57:36 -04:00
parent 49d1ef8825
commit db0c4f6ae4
2 changed files with 103 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

68
styles/output.css
View file

@ -994,6 +994,30 @@ video {
height: 1rem;
}
.h-\[55vh\] {
height: 55vh;
}
.h-\[25vh\] {
height: 25vh;
}
.h-\[75vh\] {
height: 75vh;
}
.h-\[100dvh\] {
height: 100dvh;
}
.h-\[20vh\] {
height: 20vh;
}
.h-\[100svh\] {
height: 100svh;
}
.max-h-\[90vh\] {
max-height: 90vh;
}
@ -1014,6 +1038,10 @@ video {
min-height: 100vh;
}
.min-h-0 {
min-height: 0px;
}
.w-0 {
width: 0px;
}
@ -1154,6 +1182,10 @@ video {
flex-shrink: 0;
}
.shrink-0 {
flex-shrink: 0;
}
.-translate-x-1\/2 {
--tw-translate-x: -50%;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@ -2004,6 +2036,10 @@ video {
padding-left: 2rem;
}
.pt-16 {
padding-top: 4rem;
}
.text-center {
text-align: center;
}
@ -2548,6 +2584,14 @@ video {
}
@media (min-width: 768px) {
.md\:fixed {
position: fixed;
}
.md\:relative {
position: relative;
}
.md\:top-28 {
top: 7rem;
}
@ -2568,6 +2612,10 @@ video {
top: auto;
}
.md\:top-8 {
top: 2rem;
}
.md\:ml-12 {
margin-left: 3rem;
}
@ -2600,10 +2648,22 @@ video {
height: 100%;
}
.md\:h-0 {
height: 0px;
}
.md\:h-auto {
height: auto;
}
.md\:max-h-\[90vh\] {
max-height: 90vh;
}
.md\:min-h-screen {
min-height: 100vh;
}
.md\:w-1\/3 {
width: 33.333333%;
}
@ -2624,6 +2684,10 @@ video {
flex: 1 1 0%;
}
.md\:flex-none {
flex: none;
}
.md\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@ -2674,6 +2738,10 @@ video {
white-space: nowrap;
}
.md\:p-8 {
padding: 2rem;
}
.md\:px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem;