fix: hide repo stats on small screens (#261)

setchy · web-flow · commit 2e890b9dcd56 · 2024-11-10T11:41:09.000-05:00
Signed-off-by: Adam Setch &lt;adam.setch@outlook.com&gt;
diff --git a/src/components/GitHubRepo.astro b/src/components/GitHubRepo.astro
@@ -52,7 +52,7 @@ const { forks, stars, latestReleaseName } = await loadRepoStats();
 >
   <section class="flex flex-row gap-2 items-center">
     <Icon name="mdi:github" size={32} class="w-6 sm:w-10" />
-    <div class="font-light">
+    <div class="font-light max-sm:hidden">
       <div class="text-sm">{siteMetadata.repo.fullName}</div>
       <div class="flex flex-row gap-2 text-xs">
         <div class="flex flex-row gap-0.5 items-center">

Original file line number	Diff line number	Diff line change
`@@ -52,7 +52,7 @@ const { forks, stars, latestReleaseName } = await loadRepoStats();`
`52`	`52`	`>`
`53`	`53`	`<section class="flex flex-row gap-2 items-center">`
`54`	`54`	`<Icon name="mdi:github" size={32} class="w-6 sm:w-10" />`
`55`		`- <div class="font-light">`
	`55`	`+ <div class="font-light max-sm:hidden">`
`56`	`56`	`<div class="text-sm">{siteMetadata.repo.fullName}</div>`
`57`	`57`	`<div class="flex flex-row gap-2 text-xs">`
`58`	`58`	`<div class="flex flex-row gap-0.5 items-center">`