mirror of
https://github.com/langbot-app/LangBot.git
synced 2026-06-02 20:14:36 +00:00
perf: plugin card styles
This commit is contained in:
@@ -51,12 +51,12 @@ export default function PluginCardComponent({
|
||||
<div className={styles.componentContainer}>
|
||||
<div className={styles.componentEntryContainer}>
|
||||
<svg className={styles.componentIcon} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M24 12L18.3431 17.6569L16.9289 16.2426L21.1716 12L16.9289 7.75736L18.3431 6.34315L24 12ZM2.82843 12L7.07107 16.2426L5.65685 17.6569L0 12L5.65685 6.34315L7.07107 7.75736L2.82843 12ZM9.78845 21H7.66009L14.2116 3H16.3399L9.78845 21Z"></path></svg>
|
||||
<div className={styles.componentText}>事件 11</div>
|
||||
<div className={styles.componentText}>事件 {Object.keys(cardVO.event_handlers).length}</div>
|
||||
</div>
|
||||
|
||||
<div className={styles.componentEntryContainer}>
|
||||
<svg className={styles.componentIcon} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5.32943 3.27158C6.56252 2.8332 7.9923 3.10749 8.97927 4.09446C10.1002 5.21537 10.3019 6.90741 9.5843 8.23385L20.293 18.9437L18.8788 20.3579L8.16982 9.64875C6.84325 10.3669 5.15069 10.1654 4.02952 9.04421C3.04227 8.05696 2.7681 6.62665 3.20701 5.39332L5.44373 7.63C6.02952 8.21578 6.97927 8.21578 7.56505 7.63C8.15084 7.04421 8.15084 6.09446 7.56505 5.50868L5.32943 3.27158ZM15.6968 5.15512L18.8788 3.38736L20.293 4.80157L18.5252 7.98355L16.7574 8.3371L14.6361 10.4584L13.2219 9.04421L15.3432 6.92289L15.6968 5.15512ZM8.97927 13.2868L10.3935 14.7011L5.09018 20.0044C4.69966 20.3949 4.06649 20.3949 3.67597 20.0044C3.31334 19.6417 3.28744 19.0699 3.59826 18.6774L3.67597 18.5902L8.97927 13.2868Z"></path></svg>
|
||||
<div className={styles.componentText}>工具 45</div>
|
||||
<div className={styles.componentText}>工具 {cardVO.tools.length }</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -59,7 +59,7 @@
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 0.2rem;
|
||||
gap: 0.4rem;
|
||||
}
|
||||
|
||||
.name {
|
||||
|
||||
@@ -13,8 +13,8 @@
|
||||
justify-self: flex-start;
|
||||
margin: auto;
|
||||
display: grid;
|
||||
grid-template-rows: repeat(auto-fill, minmax(160px, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
|
||||
grid-template-rows: repeat(auto-fill, minmax(12rem, 1fr));
|
||||
grid-template-columns: repeat(auto-fill, minmax(26rem, 1fr));
|
||||
gap: 15px;
|
||||
/* justify-items: center; */
|
||||
align-items: center;
|
||||
|
||||
@@ -10,7 +10,7 @@ const buttonVariants = cva(
|
||||
variants: {
|
||||
variant: {
|
||||
default:
|
||||
"bg-[#2288ee] text-primary-foreground shadow-xs hover:bg-primary/90",
|
||||
"bg-[#2288ee] text-primary-foreground shadow-xs hover:bg-[#2277e0]",
|
||||
destructive:
|
||||
"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
||||
outline:
|
||||
|
||||
Reference in New Issue
Block a user