Karl/homepage
1
0
Fork 0
mirror of https://github.com/karl0ss/homepage.git synced 2025-05-04 06:23:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix tab spacing on mobile (#2209)

Browse Source
This commit is contained in:
shamoon 2023-10-18 13:25:12 -07:00 committed by GitHub
parent 56349e57e5
commit 241c981444
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/tab.jsx
View File

@ -14,7 +14,7 @@ export default function Tab({ tab }) {
<li <li
key={tab} key={tab}
role="presentation" role="presentation"
className={classNames("text-theme-700 dark:text-theme-200 relative h-8 w-full rounded-md flex m-1")} className={classNames("text-theme-700 dark:text-theme-200 relative h-10 w-full rounded-md flex")}
> >
<button <button
id={`${tab}-tab`} id={`${tab}-tab`}
@ -23,7 +23,7 @@ export default function Tab({ tab }) {
aria-controls={`#${tab}`} aria-controls={`#${tab}`}
aria-selected={activeTab === slugify(tab) ? "true" : "false"} aria-selected={activeTab === slugify(tab) ? "true" : "false"}
className={classNames( className={classNames(
"h-full w-full rounded-md", "w-full rounded-md m-1",
activeTab === slugify(tab) activeTab === slugify(tab)
? "bg-theme-300/20 dark:bg-white/10" ? "bg-theme-300/20 dark:bg-white/10"
: "hover:bg-theme-100/20 dark:hover:bg-white/5", : "hover:bg-theme-100/20 dark:hover:bg-white/5",