mirror of
https://wget.la/https://github.com/leookun/cursor-byok
synced 2026-10-05 20:44:07 +08:00
158 lines
2.8 KiB
SCSS
158 lines
2.8 KiB
SCSS
@use "../../styles/typography" as type;
|
|
|
|
.pluginGrid {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
|
|
gap: 12px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.pluginCard {
|
|
min-width: 0;
|
|
min-height: 150px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
gap: 14px;
|
|
padding: 18px;
|
|
}
|
|
|
|
.pluginCardTop {
|
|
min-width: 0;
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 12px;
|
|
}
|
|
|
|
.pluginIcon {
|
|
flex: 0 0 auto;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
width: 42px;
|
|
height: 42px;
|
|
background: var(--vscode-list-hoverBackground);
|
|
border: 1px solid var(--vscode-sideBar-border);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
.pluginIdentity {
|
|
min-width: 0;
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
flex-direction: column;
|
|
gap: 3px;
|
|
}
|
|
|
|
.pluginName,
|
|
.pluginId {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.pluginName {
|
|
color: var(--vscode-foreground);
|
|
font-size: type.$font-size-base;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.pluginId {
|
|
color: var(--vscode-descriptionForeground);
|
|
font-size: type.$font-size-2xs;
|
|
}
|
|
|
|
.stateBadge {
|
|
flex: 0 0 auto;
|
|
align-self: flex-start;
|
|
padding: 3px 8px;
|
|
color: var(--vscode-descriptionForeground);
|
|
border: 1px solid var(--vscode-sideBar-border);
|
|
border-radius: 999px;
|
|
font-size: type.$font-size-2xs;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.stateReady {
|
|
color: var(--vscode-testing-iconPassed, #73c991);
|
|
background: color-mix(in srgb, var(--vscode-testing-iconPassed, #73c991) 10%, transparent);
|
|
border-color: color-mix(in srgb, var(--vscode-testing-iconPassed, #73c991) 28%, transparent);
|
|
}
|
|
|
|
.pluginMeta {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 8px;
|
|
color: var(--vscode-descriptionForeground);
|
|
font-size: type.$font-size-2xs;
|
|
}
|
|
|
|
.pluginAuthor {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.cardActions {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-wrap: wrap;
|
|
gap: 7px;
|
|
}
|
|
|
|
.gate,
|
|
.empty {
|
|
min-height: 250px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 9px;
|
|
color: var(--vscode-descriptionForeground);
|
|
text-align: center;
|
|
border: 1px dashed var(--vscode-sideBar-border);
|
|
border-radius: var(--oa-overlay-radius);
|
|
|
|
strong {
|
|
color: var(--vscode-foreground);
|
|
font-size: type.$font-size-base;
|
|
}
|
|
|
|
span {
|
|
max-width: 500px;
|
|
font-size: type.$font-size-xs;
|
|
}
|
|
}
|
|
|
|
.gate button {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.progressContent {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
|
|
strong {
|
|
font-size: type.$font-size-base;
|
|
}
|
|
|
|
progress {
|
|
width: 100%;
|
|
height: 8px;
|
|
accent-color: var(--vscode-progressBar-background);
|
|
}
|
|
|
|
span {
|
|
color: var(--vscode-descriptionForeground);
|
|
font-size: type.$font-size-xs;
|
|
}
|
|
|
|
.error {
|
|
color: var(--vscode-errorForeground);
|
|
overflow-wrap: anywhere;
|
|
}
|
|
}
|