corrected layout for better visibility

This commit is contained in:
coolcoala
2025-07-09 04:47:59 +03:00
parent ec99e24ca1
commit 149bdd5175
4 changed files with 4 additions and 10 deletions

View File

@@ -66,9 +66,8 @@ export const ProxyItemMini = (props: Props) => {
data-selected={selected}
onClick={handleItemClick}
title={`${proxy.name}\n${proxy.now ?? ""}`}
className="group relative flex h-16 cursor-pointer items-center justify-between rounded-lg border border-transparent bg-card p-3 transition-all duration-200 data-[selected=true]:border-primary data-[selected=true]:bg-accent"
className="group relative flex h-16 cursor-pointer items-center justify-between rounded-lg border bg-card p-3 shadow-sm transition-colors duration-200 hover:bg-accent data-[selected=true]:ring-2 data-[selected=true]:ring-primary"
>
{/* --- КОНЕЦ ИЗМЕНЕНИЙ --- */}
<div className="flex-1 min-w-0">
<p className="truncate text-sm font-medium">{proxy.name}</p>

View File

@@ -79,7 +79,7 @@ export const ProxyItem = (props: Props) => {
<div
data-selected={selected}
onClick={handleItemClick}
className="group mx-2 mb-2 flex cursor-pointer items-center rounded-lg border border-transparent bg-card p-2 pr-3 transition-all duration-200 data-[selected=true]:border-primary data-[selected=true]:bg-accent"
className="group mx-2 mb-1 flex cursor-pointer items-center rounded-lg border bg-card p-3 transition-all duration-200 hover:shadow-md data-[selected=true]:ring-2 data-[selected=true]:ring-primary"
>
{/* Левая часть с названием и тегами */}
<div className="flex-1 min-w-0">

View File

@@ -45,7 +45,7 @@ export const ProxyRender = (props: RenderProps) => {
if (type === 0) {
return (
<div
className="flex items-center mx-2 my-1 p-3 rounded-lg bg-card hover:bg-accent cursor-pointer transition-colors"
className="flex items-center mx-2 my-1 p-3 rounded-lg bg-card hover:bg-accent cursor-pointer transition-colors border shadow-sm"
onClick={() => onHeadState(group.name, { open: !headState?.open })}
>
{/* Логика иконок групп (сохранена) */}