Skip to content

Commit

Permalink
More CSS formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
greggman committed Feb 4, 2024
1 parent 25abacf commit 9af0b16
Show file tree
Hide file tree
Showing 2 changed files with 17 additions and 9 deletions.
16 changes: 11 additions & 5 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -113,10 +113,18 @@
#content {
margin: 0 auto;
}
.adapters,
.others {
display: inline-flex;
.sections {
display: flex;
flex-wrap: wrap;
align-items: start;
}
.others {
flex: 1 1 auto;
display: inline-grid;
grid-auto-columns: min-content;
}
.other {
flex: 1 0 auto;
}
.adapter,
.other {
Expand Down Expand Up @@ -189,8 +197,6 @@
.worker>td:nth-child(2) {
text-align: right;
}
.adapters,
.others,
.adapter,
.other,
table {
Expand Down
10 changes: 6 additions & 4 deletions index.js
Original file line number Diff line number Diff line change
Expand Up @@ -619,14 +619,16 @@ async function main() {
));
}
window.a = adapterIds;
addElemToDocument(el('div', {className: 'adapters'},
const sectionsElem = el('div', {className: 'sections'},
[...actualAdaptersIds].map(([id, {desc, elem}], ndx) => el('div', {className: 'adapter'}, [
createHeading('h2', '=', `${adapterIds.size > 1 ? `#${ndx + 1} ` : ''}${(adapterIds.size > 1) ? `${desc}` : ''}`),
elem,
]))));
])));
addElemToDocument(sectionsElem);

const others = el('div', {className: 'others'})
addElemToDocument(others);
const others = el('div', {className: 'others'});
//const outer = el('div', {className: 'outer'}, [others]);
sectionsElem.appendChild(others);
checkWGSLLanguageFeatures(others);
checkMisc(others, {haveFallback});
await checkWorker(others, 'dedicated');
Expand Down

0 comments on commit 9af0b16

Please sign in to comment.