perf: add rounded style for card icons

This commit is contained in:
Junyan Qin
2025-11-10 11:07:37 +08:00
parent f4c32f7b30
commit b59bf62da5
7 changed files with 6 additions and 6 deletions
Binary file not shown.

Before

Width:  |  Height:  |  Size: 415 B

After

Width:  |  Height:  |  Size: 1.5 KiB

@@ -35,7 +35,7 @@
width: 4rem; width: 4rem;
height: 4rem; height: 4rem;
margin: 0.2rem; margin: 0.2rem;
/* border-radius: 50%; */ border-radius: 8%;
} }
.basicInfoContainer { .basicInfoContainer {
@@ -491,7 +491,7 @@ export default function BotForm({
<img <img
src={adapterIconList[form.watch('adapter')]} src={adapterIconList[form.watch('adapter')]}
alt="adapter icon" alt="adapter icon"
className="w-12 h-12" className="w-12 h-12 rounded-[8%]"
/> />
<div className="flex flex-col gap-1"> <div className="flex flex-col gap-1">
<div className="font-medium"> <div className="font-medium">
@@ -35,7 +35,7 @@
width: 3.8rem; width: 3.8rem;
height: 3.8rem; height: 3.8rem;
margin: 0.2rem; margin: 0.2rem;
border-radius: 50%; border-radius: 8%;
} }
.basicInfoContainer { .basicInfoContainer {
@@ -36,7 +36,7 @@
width: 3.8rem; width: 3.8rem;
height: 3.8rem; height: 3.8rem;
margin: 0.2rem; margin: 0.2rem;
border-radius: 50%; border-radius: 8%;
} }
.basicInfoContainer { .basicInfoContainer {
@@ -46,7 +46,7 @@ export default function PluginCardComponent({
<img <img
src={httpClient.getPluginIconURL(cardVO.author, cardVO.name)} src={httpClient.getPluginIconURL(cardVO.author, cardVO.name)}
alt="plugin icon" alt="plugin icon"
className="w-16 h-16" className="w-16 h-16 rounded-[8%]"
/> />
<div className="w-full h-full flex flex-col items-start justify-between gap-[0.6rem]"> <div className="w-full h-full flex flex-col items-start justify-between gap-[0.6rem]">
@@ -24,7 +24,7 @@ export default function PluginMarketCardComponent({
<img <img
src={cardVO.iconURL} src={cardVO.iconURL}
alt="plugin icon" alt="plugin icon"
className="w-12 h-12 sm:w-16 sm:h-16 flex-shrink-0" className="w-12 h-12 sm:w-16 sm:h-16 flex-shrink-0 rounded-[8%]"
/> />
<div className="flex-1 flex flex-col items-start justify-start gap-[0.4rem] sm:gap-[0.6rem] min-w-0 overflow-hidden"> <div className="flex-1 flex flex-col items-start justify-start gap-[0.4rem] sm:gap-[0.6rem] min-w-0 overflow-hidden">