denozord/telemt-api
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor Mihomo proxy groups component for improved styling and accessibility
Publish telemt-api gateway Docker image / test (push) Successful in 26s
Details
Publish telemt-api gateway Docker image / build-and-push (push) Successful in 2m13s
Details

Browse Source 
- Simplified the layout of compact mode in the MihomoProxyGroups component by removing unnecessary styling elements.
- Enhanced the accessibility of group elements by maintaining essential ARIA attributes while streamlining the overall structure.
- Improved readability and user experience through cleaner code and layout adjustments.
This commit is contained in:
Denozordec
2026-03-31 18:04:42 +07:00
parent 5cfbf7f6a1
commit ed015bd4ee
1 changed files with 1 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/mihomo/mihomo-proxy-groups.svelte
+1 -5
View File
@@ -227,11 +227,7 @@
<div class={cn('flex flex-col', compact ? 'gap-2' : 'gap-8')}> <div class={cn('flex flex-col', compact ? 'gap-2' : 'gap-8')}>
{#each selectableGroups as [gName, group] (gName)} {#each selectableGroups as [gName, group] (gName)}
{#if compact} {#if compact}
<div <div class="space-y-2" role="group" aria-label="Группа {gName}">
class="bg-muted/15 space-y-2 rounded-md border border-border/50 p-2 sm:p-2.5"
role="group"
aria-label="Группа {gName}"
>
<div class="flex flex-wrap items-center gap-2"> <div class="flex flex-wrap items-center gap-2">
<div class="flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1"> <div class="flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-1">
<Badge variant="outline" class="h-5 px-1.5 font-mono text-[10px] uppercase tracking-wide"> <Badge variant="outline" class="h-5 px-1.5 font-mono text-[10px] uppercase tracking-wide">