client/web: build out client home page

Hooks up more of the home page UI. Updates tailscale/corp#14335 Signed-off-by: Sonia Appasamy <sonia@tailscale.com>
2023-11-03 20:19:20 -04:00
parent aba4bd0c62
commit f2a4c4fa55
6 changed files with 112 additions and 14 deletions
@@ -2,6 +2,25 @@
@tailwind components;
@tailwind utilities;

+@layer base {
+  h1 {
+    @apply text-neutral-500 text-sm font-medium uppercase leading-tight tracking-wide;
+  }
+}
+
+@layer components {
+  .card {
+    @apply p-5 bg-white rounded-lg border border-gray-200;
+  }
+  
+  .hover-button {
+    @apply px-2 py-1.5 bg-white rounded-[1px] cursor-pointer;
+  }
+  .hover-button:hover {
+    @apply bg-stone-100;
+  }
+}
+
 /**
 * Non-Tailwind styles begin here.
 */