style: remove rounded button borders

This commit is contained in:
Thomas Bishop 2025-07-23 14:44:49 +01:00
parent 5b77317b5f
commit fc234dbb3b
3 changed files with 7 additions and 4 deletions

View file

@ -16,7 +16,7 @@ export default function EntriesListSidebar() {
<Collapsible className="group/collapsible"> <Collapsible className="group/collapsible">
<SidebarMenuItem key="entries"> <SidebarMenuItem key="entries">
<CollapsibleTrigger asChild> <CollapsibleTrigger asChild>
<SidebarMenuButton asChild> <SidebarMenuButton asChild className="rounded-none">
<a href="#"> <a href="#">
<FileText /> <FileText />
<span>Entries</span> <span>Entries</span>

View file

@ -19,7 +19,7 @@ export default function TagListSidebar() {
<Collapsible className="group/collapsible"> <Collapsible className="group/collapsible">
<SidebarMenuItem key="tags"> <SidebarMenuItem key="tags">
<CollapsibleTrigger asChild> <CollapsibleTrigger asChild>
<SidebarMenuButton asChild> <SidebarMenuButton asChild className="rounded-none">
<a href="#"> <a href="#">
<Tags /> <Tags />
<span>Tags</span> <span>Tags</span>

View file

@ -34,7 +34,10 @@ export function AppSidebar() {
<SidebarHeader className="border-b h-12"> <SidebarHeader className="border-b h-12">
<SidebarMenu> <SidebarMenu>
<SidebarMenuItem> <SidebarMenuItem>
<SidebarMenuButton asChild className="data-[slot=sidebar-menu-button]:!p-1.5"> <SidebarMenuButton
asChild
className="data-[slot=sidebar-menu-button]:!p-1.5 rounded-none"
>
<a href="#"> <a href="#">
<SquareLibrary className="h-5 w-5" /> <SquareLibrary className="h-5 w-5" />
<span className="text-base font-semibold">Eólas</span> <span className="text-base font-semibold">Eólas</span>
@ -70,7 +73,7 @@ export function AppSidebar() {
<SidebarMenu> <SidebarMenu>
{footerMenu.map((item) => ( {footerMenu.map((item) => (
<SidebarMenuItem key={item.title}> <SidebarMenuItem key={item.title}>
<SidebarMenuButton asChild> <SidebarMenuButton asChild className="rounded-none">
<a href={item.url}> <a href={item.url}>
<item.icon /> <item.icon />
<span>{item.title}</span> <span>{item.title}</span>