updates

J-Rebs · Nov 24, 2022 · 7a3d34f · 7a3d34f · vercel · Nov 24, 2022
2 parents e7b58d2 + 1ff0738
commit 7a3d34f
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 14 deletions.
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -1,7 +1,9 @@
 <script>
 </script>
 
-<div class="bg-lime-300 px-6 py-6 opacity-80 hover:opacity-100 transition-opacity">
+<div
+  class="bg-lime-300 px-6 py-6 opacity-80 hover:opacity-100 transition-opacity"
+>
   <h2 class="text-lg">Client-Console</h2>
 
   <h3>
@@ -19,20 +21,24 @@
 
   <ul class="opacity-100">
     <li class="my-3">
-      <button
-        class="transition ease-in-out delay-10 hover:-translate-y-1 hover:scale-110 duration-300 bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow shadow-lg shadow-cyan-500/50"
-        ><a class="text-cyan-500 font-bold" href="/admin">Admin layout</a
-        ></button
-      >
+      <a class="text-cyan-500 font-bold" href="/admin">
+        <button
+          class="transition ease-in-out delay-10 hover:-translate-y-1 hover:scale-110 duration-300 bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow shadow-lg shadow-cyan-500/50"
+        >
+          <p class="text-cyan-500">Admin layout</p></button
+        >
+      </a>
     </li>
 
     <li>
-      <button
-        class="transition ease-in-out delay-10 hover:-translate-y-1 hover:scale-110 duration-300 bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow shadow-lg shadow-cyan-500/50"
-        ><a class="text-cyan-500 font-bold" href="/admin" /><a
-          class="text-cyan-500 font-bold"
-          href="/listener">Listener layout</a
-        ></button
+      <a class="text-cyan-500 font-bold" href="/listener" /><a
+        class="text-cyan-500 font-bold"
+        href="/listener"
+      >
+        <button
+          class="transition ease-in-out delay-10 hover:-translate-y-1 hover:scale-110 duration-300 bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow shadow-lg shadow-cyan-500/50"
+          ><p class="text-cyan-500">Listener layout</p></button
+        ></a
       >
     </li>
   </ul>

diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte
@@ -69,14 +69,14 @@
 <div class="px-4 py-4 auto-cols-auto">
   <!--User List Block---------------------------------------------------------------------------------------------------->
   <div class="px-4 py-4">
-    <SvelteButton buttonItem="List Users" action={listUsers} />
+    <SvelteButton buttonItem="List all users" action={listUsers} />
     <div class="px-4 py-4">
       {#key listUsersCallCount}
         <div class="grid auto-cols-auto auto-rows-auto gap-4">
           <!--each block src: https://svelte.dev/tutorial/each-blocks-->
           {#each userList as { userId, realName, userType, mainGenre, age }}
             <div
-              class="transition ease-in-out delay-10 hover:-translate-y-1 hover:scale-102 duration-300 bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow shadow-lg shadow-indigo-500/50"
+              class="grid md:grid-cols-5 transition ease-in-out delay-10 hover:-translate-y-1 hover:scale-102 duration-300 bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 rounded shadow shadow-lg shadow-cyan-500/50"
             >
               <div>
                 userId: {userId} Name: {realName} userType: {userType} mainGenre: