daniel543x/artcraft-services
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Webapp stylings (#1916)

Browse Source
This commit is contained in:
BFlat authored and GitHub committed 2026-09-01 10:25:21 +07:00
1 parent d2ad5820e0
commit 60bcfffc8d
156 files changed
+2512 -2753
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

frontend/libs/components/model-selector/src/lib/classy-model-selector.tsx
+5 -7
View File
@@ -107,7 +107,7 @@ function ProviderTooltipContent({
onFinished?.();
}}
type="button"
className={`group flex cursor-pointer items-center justify-between rounded-lg px-2 py-2 transition-all ${
className={`group flex cursor-pointer items-center justify-between rounded-[3px] px-2 py-2 transition-all ${
selectedProvider === p
? "bg-ui-controls/70 border-l-4 border-primary"
: "hover:bg-ui-controls/50"
@@ -229,7 +229,7 @@ export function ClassyModelSelector({
: undefined;
const iconProvider = prov ?? allowedProviders[0];
return iconProvider ? (
<div className="mr-1 rounded-md p-1.5 bg-ui-controls/60 group-hover:bg-ui-controls/80 transition-colors">
<div className="mr-1 p-1.5 bg-ui-controls/60 group-hover:bg-ui-controls/80 transition-colors">
<span className="text-base-fg/70 group-hover:text-base-fg/90 text-lg">
{getProviderIcon(iconProvider)}
</span>
@@ -241,7 +241,7 @@ export function ClassyModelSelector({
isSameModel(item.model as Model | undefined, selectedModel) &&
selectedProvider &&
hasMultipleProviders ? (
<div className="mr-1 rounded-md p-1.5 bg-primary/60 group-hover:bg-primary/80 transition-colors">
<div className="mr-1 p-1.5 bg-primary/60 group-hover:bg-primary/80 transition-colors">
<span className="text-base-fg/70 group-hover:text-base-fg/90 text-lg">
{getProviderIcon(selectedProvider)}
</span>
@@ -313,7 +313,7 @@ export function ClassyModelSelector({
mode="hoverSelect"
maxListHeight={maxListHeight}
{...popoverProps}
buttonClassName="rounded-xl bg-ui-controls/90 hover:bg-ui-controls text-left shadow-sm px-3 py-1 gap-3 border border-ui-controls-border"
buttonClassName="rounded-[3px] bg-ui-controls/90 hover:bg-ui-controls text-left shadow-sm px-3 py-1 gap-3 border border-ui-controls-border"
renderTrigger={(selectedItem) => {
const modelTitle =
selectedItem?.label ?? selectedModel?.selectorName ?? "";
@@ -340,9 +340,7 @@ export function ClassyModelSelector({
</span>
</div>
</div>
<ChevronUpIcon
className="text-base text-base-fg/70 self-center" />
<ChevronUpIcon className="text-base text-base-fg/70 self-center" />
</div>
);
}}