yellowadmin/pp-tcms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust Appearance of side bar

Browse Source
This commit is contained in:
Takeshi Kimata
2024-05-08 21:57:24 +09:00
parent de2f915c30
commit 344bd78b79
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/app/[locale]/projects/[projectId]/Sidebar.tsx
View File

@@ -17,8 +17,8 @@ export default function Sidebar({ messages, locale }: Props) {
const pathname = usePathname(); const pathname = usePathname();
const [currentKey, setCurrentTab] = useState("home"); const [currentKey, setCurrentTab] = useState("home");
const baseClass = "p-3 rounded-none"; const baseClass = "p-3";
const selectedClass = `${baseClass} bg-neutral-200 dark:bg-neutral-700 border-l-3 border-neutral-800`; const selectedClass = `${baseClass} bg-neutral-200 dark:bg-neutral-700`;
const handleTabClick = (key: string) => { const handleTabClick = (key: string) => {
if (key === "home") { if (key === "home") {
@@ -64,7 +64,7 @@ export default function Sidebar({ messages, locale }: Props) {
return ( return (
<div className="w-64 border-r-1 dark:border-neutral-700"> <div className="w-64 border-r-1 dark:border-neutral-700">
<Listbox aria-label="Listbox Variants" variant="light" className="p-0"> <Listbox aria-label="Listbox Variants" variant="light">
{tabItems.map((itr) => ( {tabItems.map((itr) => (
<ListboxItem <ListboxItem
key={itr.key} key={itr.key}