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