Hide admin nav + reduce "Getting Started" text on mobile viewports

benvinegar · Jan 19, 2024 · 3da3570 · 3da3570
1 parent 5d8c59e
commit 3da3570
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -37,7 +37,7 @@ export default function App() {
                             </div>
                             <div className="flex items-center font-small font-medium text-md sm:text-lg">
                                 <a href="/dashboard">Dashboard</a>
-                                <a href="/admin-redirect" target="_blank" className="ml-2 sm:ml-4">Admin</a>
+                                <a href="/admin-redirect" target="_blank" className="hidden sm:inline-block ml-2 sm:ml-4">Admin</a>
                                 <a href="https://github.com/benvinegar/counterscale" className="w-8 ml-2 sm:ml-4">
                                     <img src="/github-mark.svg" alt="GitHub Logo" style={{ filter: "invert(21%) sepia(27%) saturate(271%) hue-rotate(113deg) brightness(97%) contrast(97%)" }} />
                                 </a>

diff --git a/app/routes/_index.tsx b/app/routes/_index.tsx
@@ -17,7 +17,7 @@ export default function Index() {
                     Scalable web analytics you run yourself on Cloudflare
                 </h2>
                 <Button>
-                    <a href="https://github.com/benvinegar/counterscale">Get Started with GitHub</a>
+                    <a className="capitalize" href="https://github.com/benvinegar/counterscale">Get Started<span className="hidden sm:inline"> with GitHub</span></a>
                 </Button>
                 <span className="ml-4">
                     or