public imalexnord read

Slot

Calendar-first scheduling powered by Cloudflare Workers and Google Calendar.

Languages

Repository composition by tracked source files.

TypeScript

TypeScript 79% CSS 19% SQL 2% HTML 0%

Create file Wiki Documentation

Clone

https://nobgit.com/user/imalexnord/slot.git

ssh://[email protected]:2222/user/imalexnord/slot.git

Commit

Center Slot footer credit

f156f3f

Alex Nord <[email protected]> 3 days ago

src/App.tsx    |  1 -
 src/styles.css | 21 ++++++++-------------
 2 files changed, 8 insertions(+), 14 deletions(-)

Diff

diff --git a/src/App.tsx b/src/App.tsx
index d86bf48..a3ab9db 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -524,7 +524,6 @@ function PublicBooking() {
       {error && !(selectedSlot && duration) && <div className="floating-error">{error}</div>}
       <footer>
         <a className="powered-by" href="https://www.nobgit.com/user/imalexnord/slot" target="_blank" rel="noreferrer">Powered by Slot</a>
-        <a className="admin-link" href="/admin">Admin</a>
       </footer>
     </main>
   );
diff --git a/src/styles.css b/src/styles.css
index d6b5fb2..c71c380 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -522,32 +522,27 @@ input:focus, textarea:focus, select:focus { border-color: color-mix(in srgb, var
 .floating-error { width: 100%; max-width: 1320px; margin: 0; }
 .booking-page footer {
   position: fixed;
-  left: 26px;
-  right: 26px;
-  bottom: 10px;
-  max-width: 1320px;
-  width: calc(100% - 52px);
+  left: 50%;
+  bottom: 22px;
+  transform: translateX(-50%);
+  width: max-content;
   margin: 0;
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 10px;
   color: var(--faint);
   pointer-events: none;
   z-index: 20;
 }
 .booking-page footer a { pointer-events: auto; }
 .powered-by {
-  opacity: .56;
+  opacity: .72;
+  font-size: 13px;
+  font-weight: 720;
+  letter-spacing: 0;
   transition: opacity 120ms ease, color 120ms ease;
 }
 .powered-by:hover { opacity: 1; color: var(--muted); }
-.admin-link {
-  position: absolute;
-  right: 4px;
-  opacity: .62;
-}
-.admin-link:hover { opacity: 1; color: var(--muted); }
 
 .confirmation-shell, .admin-login-shell {
   min-height: 100vh;