cobalt/web/src/components/sidebar/CobaltLogo.svelte

26 lines
548 B
Svelte

<script>
import IconCobalt from "$components/icons/Cobalt.svelte";
</script>
<div id="cobalt-logo">
<IconCobalt />
</div>
<style>
#cobalt-logo {
display: flex;
justify-content: center;
align-items: center;
padding: calc(var(--padding) * 2);
/* accommodate space for scaling animation */
padding-bottom: calc(var(--padding) * 2 - var(--sidebar-inner-padding));
}
@media screen and (max-width: 535px) {
#cobalt-logo {
display: none;
}
}
</style>