beau/my-portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

About tabs WIP

Browse Source
This commit is contained in:
Beau Findlay
2024-04-26 13:46:59 +01:00
parent 3bf38b7413
commit fb47d730bd
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/Client/src/components/AboutTabs.tsx
View File

@@ -11,13 +11,13 @@ export default function AboutTabs() {
<Tab.Group as="div" className="mt-4">
<div className="-mx-4 flex overflow-x-auto sm:mx-0">
<div className="flex-auto border-b border-gray-200 px-4 sm:px-0">
<Tab.List className="-mb-px flex space-x-10">
<Tab.List className="-mb-px flex space-x-8">
<Tab
className={({ selected }) =>
classNames(
selected
? "border-indigo-500 text-indigo-600"
: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
? "border-gray-300 text-gray-200"
: "border-transparent hover:border-gray-300 hover:text-gray-200",
"whitespace-nowrap border-b-2 py-6 text-sm font-medium"
)
}
@@ -28,8 +28,8 @@ export default function AboutTabs() {
className={({ selected }) =>
classNames(
selected
? "border-indigo-500 text-indigo-600"
: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
? "border-gray-300 text-gray-200"
: "border-transparent hover:border-gray-300 hover:text-gray-200",
"whitespace-nowrap border-b-2 py-6 text-sm font-medium"
)
}
@@ -40,8 +40,8 @@ export default function AboutTabs() {
className={({ selected }) =>
classNames(
selected
? "border-indigo-500 text-indigo-600"
: "border-transparent text-gray-500 hover:border-gray-300 hover:text-gray-700",
? "border-gray-300 text-gray-200"
: "border-transparent hover:border-gray-300 hover:text-gray-200",
"whitespace-nowrap border-b-2 py-6 text-sm font-medium"
)
}