toby/svelte-sharg
Archived
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix title not being in-line

Browse source
This commit is contained in:
Tobias Berger 2021-09-27 14:04:42 +02:00
parent 5c97a6303f
commit d246a94f42
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/components/Header.svelte
View file

@ -47,7 +47,7 @@
<li><a on:click={onClick} href={"javascript:;"}>{name}</a></li> <li><a on:click={onClick} href={"javascript:;"}>{name}</a></li>
{/each} {/each}
</ul> </ul>
{SharkGame.title} <span>{SharkGame.title}</span>
<ul id="other-header-buttons"> <ul id="other-header-buttons">
{#each Object.entries(otherHeaderButtons) as [name, onClick]} {#each Object.entries(otherHeaderButtons) as [name, onClick]}
<li> <li>
@ -62,6 +62,10 @@
<style lang="scss"> <style lang="scss">
header { header {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 100%; width: 100%;
background-color: var(--color-dark); background-color: var(--color-dark);
text-shadow: 2px 2px 3px var(--color-darker); text-shadow: 2px 2px 3px var(--color-darker);
@ -109,6 +113,12 @@
&#other-header-buttons { &#other-header-buttons {
float: right; float: right;
} }
&:is(#main-header-buttons, #other-header-buttons)::after {
content: "";
clear: both;
display: table;
}
} }
} }
</style> </style>