diff --git a/front/src/lib/components/LeaderBoard.svelte b/front/src/lib/components/LeaderBoard.svelte index be8e1ac..d50f8ea 100644 --- a/front/src/lib/components/LeaderBoard.svelte +++ b/front/src/lib/components/LeaderBoard.svelte @@ -21,23 +21,7 @@ {/each} - \ No newline at end of file + \ No newline at end of file diff --git a/front/src/routes/play/+page.svelte b/front/src/routes/play/+page.svelte index 6eb41ee..183e375 100644 --- a/front/src/routes/play/+page.svelte +++ b/front/src/routes/play/+page.svelte @@ -29,6 +29,7 @@ {/if} {#if !isRunning && !hasBeenPlayed} +

Evaluez vos chances de survie

@@ -59,14 +60,19 @@ gap: 2vh; } + .name, .roll + { + min-width: 210px; + width: 22vmax; + } + .name { color: #424242; background-color: #fcdcab; - min-width: 210px; - width: 22vmax; - height: 5vh; + height: 6vh; + min-height: 50px; border: 3px solid #4b0611; border-radius: 10px; @@ -81,6 +87,11 @@ outline: none; } + .result + { + font-size: 24px; + } + .circular-loader { stroke-dasharray: 100, 125; diff --git a/front/static/style/app.css b/front/static/style/app.css index 0f86304..41a4bde 100644 --- a/front/static/style/app.css +++ b/front/static/style/app.css @@ -10,6 +10,11 @@ } } +* +{ + color: #4b0611; +} + *, *::before, *::after { @@ -18,7 +23,6 @@ * { - color: #F5F5F5; text-decoration: none; font-size: var(--font-size, 1vw); transition: 0.3s; @@ -32,6 +36,7 @@ h1 { font-size: calc(var(--font-size, 1vw) * 2.15); + text-decoration: underline; } html, body