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

update logo

Browse source
This commit is contained in:
Chris Kruining 2024-11-21 07:39:42 +01:00
parent aa8ec31353
commit accd865f6b
No known key found for this signature in database
GPG key ID: EB894A3560CCCAD2
7 changed files with 241 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/routes/(editor).tsx
View file

@ -54,7 +54,13 @@ export default function Editor(props: ParentProps) {
<main class={css.layout} inert={commandPalette()?.open()}>
<nav class={css.menu}>
<A class={css.logo} href="/"><BsTranslate /></A>
<A class={css.logo} href="/">
<picture>
<source srcset="/images/favicon.dark.svg" media="screen and (prefers-color-scheme: dark)" />
<source srcset="/images/favicon.light.svg" media="screen and (prefers-color-scheme: light)" />
<img src="/images/favicon.dark.svg" alt="Calque logo" />
</picture>
</A>
<Menu.Mount />

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

@ -32,15 +32,19 @@
& > .logo {
inline-size: 3em;
block-size: 3em;
padding: .75em;
padding: .5em;
margin-block-end: -1em;
background-color: inherit;
color: inherit;
border-radius: .25em;
& > svg {
inline-size: 100%;
block-size: 100%;
& > picture {
display: contents;
& > img {
inline-size: 100%;
block-size: 100%;
}
}
}