Last UI changes for a while

QPixel · Mar 19, 2024 · 46ac008 · 46ac008
1 parent df456bb
commit 46ac008
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/lib/components/counter.svelte b/src/lib/components/counter.svelte
@@ -20,11 +20,13 @@
 {#await counter_store.init()}
   <p>Loading</p>
 {:then}
-  <div class="space-y-4">
-    <h1 class="text-3xl font-semibold w-full">
-      Riley has Womp Womp'd: <span class="text-red-500">{$counter_store.total}</span> times
+  <div class="space-y-4 flex flex-col justify-center">
+    <h1 class="text-3xl font-semibold w-full text-center">
+      Riley has said
+      <br class="md:hidden"/>Womp Womp
     </h1>
-    <p>
+    <h1 class="text-red-500 text-center text-3xl font-semibold rounded-lg border px-9 py-2 w-fit mx-auto">{$counter_store.total} times</h1>
+    <p class="text-center">
       Last Updated: {format($counter_store.lastUpdated, "MM/dd 'at' hh:mm a")} by {$counter_store.resolved_username}
     </p>
     {#if didError}

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -23,9 +23,9 @@ import Leaderboard from "$lib/components/leaderboard.svelte";
       class="min-h-screen flex md:justify-center items-center flex-col max-w-lg p-2 mx-auto"
     >
       <header class="text-left mt-16">
-        <h1 class="font-semibold text-3xl">Riley's Womp Womp Counter</h1>
+        <h1 class="font-semibold text-3xl">The Womp Womp Counter</h1>
       </header>
-      <div class="h-full w-full space-y-5 mt-10">
+      <div class="h-full w-full space-y-5 mt-5">
         <Card class="w-full">
           <CardContent class="pt-6">
             <Counter client:load isAuthed={Astro.cookies.has("id")} id={Astro.cookies.get("id")?.number()} />