Awesome/awesome-copilot
1
0
Fork 0
mirror of https://github.com/github/awesome-copilot.git synced 2026-02-20 02:15:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

style: fix collection modal spacing and make items more compact

Browse Source
This commit is contained in:
Aaron Powell
2026-01-29 10:39:41 +11:00
parent 3bb799616a
commit 10e42f4bed
1 changed files with 19 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
website/public/styles/global.css
View File

@@ -839,42 +839,42 @@ a:hover {
/* Collection Modal View */
.collection-view {
padding: 24px;
padding: 20px 24px;
}
.collection-description {
font-size: 15px;
font-size: 14px;
color: var(--color-text);
margin-bottom: 16px;
line-height: 1.6;
line-height: 1.5;
}
.collection-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 20px;
gap: 6px;
margin-bottom: 16px;
}
.collection-items-header {
padding: 12px 0;
padding: 10px 0;
border-bottom: 1px solid var(--color-border);
margin-bottom: 12px;
margin-bottom: 8px;
color: var(--color-text-muted);
font-size: 14px;
font-size: 13px;
}
.collection-items-list {
display: flex;
flex-direction: column;
gap: 4px;
gap: 2px;
}
.collection-item {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 16px;
gap: 10px;
padding: 10px 12px;
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--border-radius);
@@ -888,8 +888,10 @@ a:hover {
}
.collection-item-icon {
font-size: 20px;
font-size: 16px;
flex-shrink: 0;
width: 20px;
text-align: center;
}
.collection-item-info {
@@ -898,7 +900,7 @@ a:hover {
}
.collection-item-name {
font-size: 14px;
font-size: 13px;
font-weight: 500;
color: var(--color-text);
overflow: hidden;
@@ -907,7 +909,7 @@ a:hover {
}
.collection-item-usage {
font-size: 13px;
font-size: 12px;
color: var(--color-text-muted);
margin-top: 2px;
overflow: hidden;
@@ -916,12 +918,13 @@ a:hover {
}
.collection-item-type {
font-size: 12px;
font-size: 11px;
color: var(--color-text-muted);
background: var(--color-bg-tertiary);
padding: 4px 8px;
padding: 2px 6px;
border-radius: 4px;
flex-shrink: 0;
text-transform: capitalize;
}
.collection-loading,