Equicord/src/equicordplugins/githubRepos/styles.css
2025-08-11 22:47:33 -04:00

184 lines
3.6 KiB
CSS

.vc-github-repos-container {
display: flex;
flex-direction: column;
gap: 8px;
}
.vc-github-repos-list {
display: grid;
grid-template-columns: 260px 260px;
grid-gap: 16px;
}
/* stylelint-disable-next-line selector-class-pattern */
.biteSize_c0bea0 .vc-github-repos-list {
display: flex;
flex-direction: column;
gap: 12px;
}
.vc-github-repos-footer {
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
padding-top: 12px;
border-top: 1px solid var(--profile-body-divider-color, var(--input-border));
}
.vc-github-repos-button,
.vc-github-repos-show-more {
width: 100%;
border: 1px solid var(--profile-body-divider-color, var(--input-border)) !important;
}
.vc-github-repo-card {
padding: 8px;
border-radius: var(--radius-xs);
border: 1px solid var(--profile-body-divider-color, var(--input-border));
}
.vc-github-repo-header {
display: flex;
justify-content: space-between;
}
.vc-github-repo-stars {
display: flex;
align-items: center;
gap: 4px;
}
.vc-github-repo-language {
display: flex;
align-items: center;
gap: 6px;
color: var(--text-muted);
font-size: 12px;
}
.vc-github-repo-language-color {
width: var(--size-sm);
height: var(--size-sm);
border-radius: var(--radius-round);
display: inline-block;
}
.vc-github-repos-modal {
width: 90%;
max-width: 900px;
}
.vc-github-repos-modal-title {
color: var(--header-primary);
font-size: 20px;
font-weight: 600;
margin: 0;
}
.vc-github-repos-modal-content {
padding: 16px 0;
overflow: hidden;
}
.vc-github-repos-table-container {
width: 100%;
overflow-x: auto;
}
.vc-github-repos-table {
width: 100%;
border-collapse: collapse;
color: var(--text-default);
font-size: 14px;
table-layout: fixed;
}
.vc-github-repos-table colgroup {
display: table-column-group;
}
.vc-github-repos-table col {
display: table-column;
}
.vc-github-repos-table thead {
border-bottom: 2px solid var(--input-border);
}
.vc-github-repos-table th {
text-align: left;
padding: 10px 16px;
font-weight: 600;
color: var(--header-primary);
border-bottom: 2px solid var(--input-border);
}
.vc-github-repos-table th:last-child {
text-align: center;
}
.vc-github-repos-table tbody tr {
border-bottom: 1px solid var(--input-border);
cursor: pointer;
transition: background-color 0.2s ease;
}
.vc-github-repos-table tbody tr:hover {
background-color: var(--background-modifier-hover);
}
.vc-github-repos-table td {
padding: 12px 16px;
vertical-align: middle;
border-bottom: 1px solid var(--input-border);
overflow: hidden;
text-overflow: ellipsis;
}
.vc-github-repos-table-name {
font-weight: 500;
color: var(--header-primary);
display: flex;
align-items: center;
gap: 6px;
}
.vc-github-repos-table-fork-icon {
color: var(--text-muted);
}
.vc-github-repos-table-description {
color: var(--text-default);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vc-github-repos-table-language {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
}
.vc-github-repos-table-language-color {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
flex-shrink: 0;
}
.vc-github-repos-table-stars {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
white-space: nowrap;
text-align: center;
}
.vc-github-repos-table-star-icon {
color: var(--text-warning);
}