dyzulk/twinpath-hotspot-themes
1
0
Fork 0
mirror of https://github.com/dyzulk/twinpath-hotspot-themes.git synced 2026-01-26 05:25:40 +07:00
Code Issues Packages Projects Releases 2 Wiki Activity

fix(ui): implement sticky footer and update docs

Browse Source
This commit is contained in:
dyzulk
2026-01-12 12:57:48 +07:00
parent 877f8b44f3
commit c083143612
2 changed files with 127 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
css/style.css
View File

@@ -136,6 +136,11 @@ a:hover {
flex-direction: column; flex-direction: column;
} }
.content-wrapper {
flex: 1; /* Pushes footer down */
width: 100%;
}
.card { .card {
background: var(--bg-secondary); background: var(--bg-secondary);
border: 1px solid var(--border); border: 1px solid var(--border);
@@ -449,7 +454,7 @@ textarea:-webkit-autofill:focus {
/* Footer */ /* Footer */
footer { footer {
text-align: center; text-align: center;
margin-top: 6rem; /* Even more separation from buttons */ margin-top: auto; /* Sticky bottom logic */
padding-top: 2rem; padding-top: 2rem;
padding-bottom: 2rem; padding-bottom: 2rem;
color: var(--fg-tertiary); color: var(--fg-tertiary);

4
login.html
View File

@@ -28,6 +28,8 @@
</div> </div>
</div> </div>
<!-- Main Content Wrapper -->
<main class="content-wrapper">
<!-- Header --> <!-- Header -->
<header class="header"> <header class="header">
<img src="img/logo-twinpath.svg" alt="" data-asset="logo" data-brand-name class="logo-img"> <img src="img/logo-twinpath.svg" alt="" data-asset="logo" data-brand-name class="logo-img">
@@ -58,7 +60,6 @@
</div> </div>
</div> </div>
<!-- Login Form -->
<!-- Login Form (Voucher & Member Only) --> <!-- Login Form (Voucher & Member Only) -->
<form name="login" action="$(link-login-only)" method="post" onsubmit="return doLogin()"> <form name="login" action="$(link-login-only)" method="post" onsubmit="return doLogin()">
<input type="hidden" name="dst" value="$(link-orig)"> <input type="hidden" name="dst" value="$(link-orig)">
@@ -156,6 +157,7 @@
</div> </div>
</div> </div>
</div> </div>
</main>
<footer> <footer>
<p><span data-i18n="powered_by">Powered by</span> <span data-brand-name></span> • <a href="#" data-brand-link="credit" target="_blank" data-brand-credit></a></p> <p><span data-i18n="powered_by">Powered by</span> <span data-brand-name></span> • <a href="#" data-brand-link="credit" target="_blank" data-brand-credit></a></p>