fancy layout

This commit is contained in:
Torsten Simon 2025-04-30 10:02:16 +02:00
parent 12802d3532
commit 333da0ceb6
2 changed files with 11 additions and 1 deletions

View file

@ -61,8 +61,9 @@
</script> </script>
<div class="main-layout"> <div class="main-layout">
<img src="logo.png" alt="" class="logo">
{#if !$user} {#if !$user}
<button class="btn btn-success" onclick={() => login()}>Login</button> <div class="login"><button class="btn btn-primary" onclick={() => login()}>Login</button></div>
{/if} {/if}
{#if !$questionId} {#if !$questionId}
@ -136,6 +137,15 @@
width: 100%; width: 100%;
border: 3px solid #eee; border: 3px solid #eee;
} }
.login {
display: flex;
justify-content: center;
}
.logo {
display: flex;
margin: 0 auto;
max-width: 250px;
}
.main-layout { .main-layout {
margin: auto; margin: auto;
width: 100vw; width: 100vw;

BIN
static/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB