sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-12 10:39:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

Oraganize bridge app list as grid

Browse Source
This commit is contained in:
hensm
2019-01-14 03:01:23 +00:00
parent f460b5f533
commit 33d36b8d58
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
docs/index.css
View File

@@ -112,6 +112,7 @@ body {
margin: 1rem 0; margin: 1rem 0;
} }
.download { .download {
align-items: flex-end; align-items: flex-end;
display: flex; display: flex;
@@ -128,20 +129,22 @@ body {
.app-list { .app-list {
align-items: center; align-items: center;
display: flex; column-gap: 10px;
display: grid;
grid-template-columns: min-content min-content min-content min-content;
grid-template-rows: min-content min-content;
margin-top: 1rem; margin-top: 1rem;
row-gap: 5px;
} }
.app-list__app { .app-list__app {
cursor: pointer; cursor: pointer;
}
.app-list__app:not(:last-child) {
margin-right: 0.5rem;
} }
.app-list__label { .app-list__label {
color: var(--text-color-secondary); color: var(--text-color-secondary);
font-size: 1.75rem; font-size: 1.75rem;
margin-right: 1rem;
} }
.app-list__app-label { .app-list__app-label {
@@ -152,6 +155,10 @@ body {
vertical-align: super; vertical-align: super;
} }
.app-list__rpm {
grid-column-start: 4;
}
.preview { .preview {
grid-area: preview; grid-area: preview;