chris/calque
1
0
Fork 0
Code Issues 13 Pull requests Projects Releases Packages Wiki Activity Actions

much better!

Browse source
This commit is contained in:
Chris Kruining 2024-11-28 08:31:31 +01:00
parent 76c5de5c32
commit bfb668a164
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
14 changed files with 93 additions and 71 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/routes/editor.module.css
View file

@ -4,12 +4,12 @@
inline-size: 100%;
block-size: 100%;
overflow: clip;
background-color: var(--surface-1);
background-color: var(--surface-300);
.menu {
view-transition-name: menu;
display: grid;
grid-template-columns: auto minmax(0, 1fr) auto;
grid: 100% / auto minmax(0, 1fr) auto;
grid-auto-flow: column;
justify-content: start;
place-items: center start;
@ -18,11 +18,11 @@
gap: .5em;
padding-inline: 1em;
block-size: calc(env(titlebar-area-height, 2em) + .5px);
block-size: calc(env(titlebar-area-height, 3em) + .5px);
inline-size: env(titlebar-area-width, 100%);
-webkit-app-region: drag;
background-color: var(--surface-3);
background-color: var(--surface-300);
color: var(--text-1);
& > * {
@ -30,19 +30,14 @@
}
& > .logo {
inline-size: 3em;
block-size: 3em;
padding: .5em;
margin-block-end: -1em;
background-color: inherit;
color: inherit;
border-radius: .25em;
aspect-ratio: 1;
block-size: 100%;
padding: var(--padding-m);
& > picture {
display: contents;
& > img {
inline-size: 100%;
block-size: 100%;
}
}