fix(css): make space for ToggleGroup (#1397)

* fix(css): make space for ToggleGroup * chore: remove useless flex
guildxyz · Jul 16, 2024 · 03abfc5 · 03abfc5
1 parent eb4dafa
commit 03abfc5
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/app/explorer/_components/StickyBar.tsx b/src/app/explorer/_components/StickyBar.tsx
@@ -38,7 +38,7 @@ const Nav = () => {
     <ToggleGroup
       type="single"
       className="gap-2"
-      size={isSearchStuck ? "sm" : "lg"}
+      size={isSearchStuck ? "sm" : "default"}
       variant={isNavStuck ? "default" : "mono"}
       onValueChange={(value) => value && setActiveSection(value as ActiveSection)}
       value={activeSection}
@@ -70,6 +70,7 @@ const CreateGuildLink = () => {
   return (
     <Link
       href="/create-guild"
+      aria-label="Create guild"
       prefetch={false}
       className={buttonVariants({
         variant: "ghost",
@@ -83,7 +84,7 @@ const CreateGuildLink = () => {
       })}
     >
       <Plus />
-      <span>Create guild</span>
+      <span className="hidden sm:inline-block">Create guild</span>
     </Link>
   )
 }