Earmark
/
audiogram-beta
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout tweaks

This commit is contained in:
Seth Trowbridge 2022-12-11 23:33:22 -05:00
parent 346ad930b5
commit 2018b8210a
3 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app.js
View File

@ -17,7 +17,7 @@ React.render(html`
<${Store.Provider}> <${Store.Provider}>
<${UI.Select}/> <${UI.Select}/>
<div class="flex"> <div class="flex items-center">
<${UI.Controls}/> <${UI.Controls}/>
<div class="flex-1"> <div class="flex-1">
<${UI.Chart}> <${UI.Chart}>
@ -25,6 +25,6 @@ React.render(html`
<//> <//>
</div> </div>
</div> </div>
<//> <//>
`, ShadowDiv); `, ShadowDiv);

2
src/twind.js
View File

@ -68,7 +68,7 @@ export const Configure = {
} }
], ],
[ 'box-notch', "border-t(1 [#ffffff]) border-b(1 [#00000033]) flex items-center justify-end gap-1 p-2" ], [ 'box-notch', "border-t(1 [#ffffff]) border-b(1 [#00000033]) flex items-center justify-end gap-1 p-2" ],
[ "box-buttons", "flex gap-1 items-center p-2 rounded-lg bg-gradient-to-b from-zinc-300 border-b(1 [#ffffff]) border-t(1 [#00000033])"] [ "box-buttons", "flex gap-1 items-center p-2 rounded-lg bg-gradient-to-b from-[#00000022] border-b(1 [#ffffff]) border-t(1 [#00000033])"]
], ],
presets: [TWPreTail(), TWPreAuto()] presets: [TWPreTail(), TWPreAuto()]
}; };

2
src/ui.js
View File

@ -88,7 +88,7 @@ export const Controls =()=>
const classTitle = "flex-1 text-sm" const classTitle = "flex-1 text-sm"
return html` return html`
<div class="self-start font-sans bg-metal rounded-lg overflow-hidden"> <div class="font-sans bg-metal rounded-lg overflow-hidden">
<div class="box-notch"> <div class="box-notch">
<div class=${classTitle}>Channel</div> <div class=${classTitle}>Channel</div>
<div class="box-buttons"> <div class="box-buttons">