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

fix(website): update button styles and fix dropdown z-index

Browse Source 
- Change primary buttons from gradient to solid Copilot Purple (#8534F3)
- Add position:relative and z-index:10 to .filters-bar to fix
  Choices.js dropdown appearing behind resource list items
This commit is contained in:
Aaron Powell
2026-02-02 13:46:39 +11:00
parent 94a395dbe0
commit 2f9c59444b
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/public/data/manifest.json
View File

@@ -1,5 +1,5 @@
{ {
"generated": "2026-02-01T23:35:23.497Z", "generated": "2026-02-02T02:45:34.292Z",
"counts": { "counts": {
"agents": 140, "agents": 140,
"prompts": 134, "prompts": 134,

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

@@ -27,7 +27,7 @@
--color-card-hover: rgba(28, 28, 40, 0.9); --color-card-hover: rgba(28, 28, 40, 0.9);
--color-glass: rgba(255, 255, 255, 0.05); --color-glass: rgba(255, 255, 255, 0.05);
--color-glass-border: rgba(255, 255, 255, 0.1); --color-glass-border: rgba(255, 255, 255, 0.1);
--gradient-primary: linear-gradient(135deg, #8534F3 0%, #B870FF 50%, #FE4C25 100%); --gradient-primary: linear-gradient(180deg, #8534F3 0%, #B870FF 50%, #FE4C25 100%);
--gradient-accent: linear-gradient(135deg, #43179E 0%, #8534F3 100%); --gradient-accent: linear-gradient(135deg, #43179E 0%, #8534F3 100%);
--gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(133, 52, 243, 0.25), transparent), --gradient-hero: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(133, 52, 243, 0.25), transparent),
radial-gradient(ellipse 60% 40% at 80% 50%, rgba(254, 76, 37, 0.12), transparent), radial-gradient(ellipse 60% 40% at 80% 50%, rgba(254, 76, 37, 0.12), transparent),
@@ -700,14 +700,14 @@ a:hover {
} }
.btn-primary { .btn-primary {
background: var(--gradient-primary); background: var(--color-accent);
color: white; color: white;
border-color: transparent; border-color: transparent;
font-weight: 600; font-weight: 600;
} }
.btn-primary:hover { .btn-primary:hover {
background: var(--gradient-primary); background: var(--color-accent-hover);
transform: translateY(-1px); transform: translateY(-1px);
box-shadow: var(--shadow-glow); box-shadow: var(--shadow-glow);
color: white; color: white;
@@ -1090,6 +1090,8 @@ a:hover {
backdrop-filter: blur(10px); backdrop-filter: blur(10px);
border: 1px solid var(--color-glass-border); border: 1px solid var(--color-glass-border);
border-radius: var(--border-radius-lg); border-radius: var(--border-radius-lg);
position: relative;
z-index: 10;
} }
.filter-group { .filter-group {