Something went wrong. Try again.
opencode v2 mirror
Something went wrong. Try again.
1.6 kB · 74 lines
CSS
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475[data-component="attachment-card"] { display: flex; flex-direction: column; gap: 6px; box-sizing: border-box; width: 160px; min-width: 160px; max-width: 160px; padding: 8px; border-radius: 6px; background: var(--v2-overlay-simple-overlay-hover); box-shadow: inset 0 0 0 0.5px var(--v2-border-border-base); cursor: default;
&[data-wide] { width: 100%; min-width: 0; max-width: none; }
&[data-surface="base"] { background: var(--v2-background-bg-base); }
&[data-active] { box-shadow: inset 0 0 0 0.5px var(--v2-border-border-strong); }
&[data-clickable] { cursor: pointer; }
[data-slot="attachment-card-title"], [data-slot="attachment-card-subtitle"] { max-width: 100%; font-family: var(--v2-font-family-sans, "Inter", sans-serif); font-style: normal; font-size: 11px; line-height: 12px; letter-spacing: 0.05px; font-variation-settings: "slnt" 0; }
[data-slot="attachment-card-title"] { width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 530; color: var(--v2-text-text-base); }
[data-slot="attachment-card-subtitle"] { display: flex; align-items: center; gap: 4px; min-width: 0; overflow: hidden; white-space: nowrap; font-weight: 440; color: var(--v2-text-text-muted);
[data-component="file-icon"] { width: 12px; height: 12px; flex: none; } }}
[data-color-scheme="dark"] [data-component="attachment-card"][data-surface="base"] { background: var(--v2-overlay-simple-overlay-hover);}