lukaszraczylo/ghtracker
1
0
Fork 0
mirror of https://github.com/lukaszraczylo/ghtracker.git synced 2026-10-18 01:27:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): stack the project list below 1280px and use two columns from 90rem

Browse Source 
At 1024px the project list took 24rem and squeezed the alert column to
about 500px, which clipped the search box and filter counts. The list
now sits beside the alerts from 1280px. The alert cards use two columns
from 90rem, so a 1440px screen no longer shows one very wide column.
This commit is contained in:
lukaszraczylo
2026-10-05 14:05:12 +01:00
parent 66ed84bdbf
commit ac5eb2f16a
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/App.vue
+2 -2
View File
@@ -116,7 +116,7 @@ onBeforeUnmount(() => {
/>
</div>
<div
class="mt-10 grid grid-cols-[minmax(0,1fr)] gap-x-10 gap-y-10 sm:mt-14 lg:grid-cols-[minmax(0,1fr)_24rem] 2xl:grid-cols-[minmax(0,1fr)_28rem]"
class="mt-10 grid grid-cols-[minmax(0,1fr)] gap-x-10 gap-y-10 sm:mt-14 xl:grid-cols-[minmax(0,1fr)_24rem] 2xl:grid-cols-[minmax(0,1fr)_28rem]"
>
<AttentionList
ref="list"
@@ -133,7 +133,7 @@ onBeforeUnmount(() => {
@clear="store.clearFilters()"
@refresh="store.refreshRepo"
/>
<aside class="lg:sticky lg:top-6 lg:self-start">
<aside class="xl:sticky xl:top-6 xl:self-start">
<ProjectList
:repos="visibleRepos"
:total="state.repos.length"