fix(app): use rounded-sm for explicit 4px border radius

This commit is contained in:
David Hill
2026-01-24 19:21:53 +00:00
parent b089358503
commit 262084d7e6

View File

@@ -200,7 +200,7 @@ export function StatusPopover() {
<Tabs.Content value="servers"> <Tabs.Content value="servers">
<div class="flex flex-col px-2 pb-2"> <div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2 bg-background-base rounded min-h-14"> <div class="flex flex-col p-2 bg-background-base rounded-sm min-h-14">
<For each={sortedServers()}> <For each={sortedServers()}>
{(url) => { {(url) => {
const isActive = () => url === server.url const isActive = () => url === server.url
@@ -262,7 +262,7 @@ export function StatusPopover() {
<Tabs.Content value="mcp"> <Tabs.Content value="mcp">
<div class="flex flex-col px-2 pb-2"> <div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2 bg-background-base rounded min-h-14"> <div class="flex flex-col p-2 bg-background-base rounded-sm min-h-14">
<Show <Show
when={mcpItems().length > 0} when={mcpItems().length > 0}
fallback={ fallback={
@@ -308,7 +308,7 @@ export function StatusPopover() {
<Tabs.Content value="lsp"> <Tabs.Content value="lsp">
<div class="flex flex-col px-2 pb-2"> <div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2 bg-background-base rounded min-h-14"> <div class="flex flex-col p-2 bg-background-base rounded-sm min-h-14">
<Show <Show
when={lspItems().length > 0} when={lspItems().length > 0}
fallback={ fallback={
@@ -338,7 +338,7 @@ export function StatusPopover() {
<Tabs.Content value="plugins"> <Tabs.Content value="plugins">
<div class="flex flex-col px-2 pb-2"> <div class="flex flex-col px-2 pb-2">
<div class="flex flex-col p-2 bg-background-base rounded min-h-14"> <div class="flex flex-col p-2 bg-background-base rounded-sm min-h-14">
<Show <Show
when={plugins().length > 0} when={plugins().length > 0}
fallback={ fallback={