From bdef6cb6653886c233b683fc2f0fe4b851aa0b5f Mon Sep 17 00:00:00 2001 From: EETagent Date: Sun, 20 Nov 2022 14:14:15 +0100 Subject: [PATCH] feat: improve responsibility --- .../src/routes/login/[code=application]/+page.svelte | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/frontend/src/routes/login/[code=application]/+page.svelte b/frontend/src/routes/login/[code=application]/+page.svelte index b0849d4..673ecf7 100644 --- a/frontend/src/routes/login/[code=application]/+page.svelte +++ b/frontend/src/routes/login/[code=application]/+page.svelte @@ -37,7 +37,6 @@ codeValueArray[value - 1] = val; }} on:keydown|preventDefault={(e) => inputOnKeyDown(value - 1, e)} - class="caret-transparent mr-2 text-center text-4xl font-semibold text-sspsBlue bg-[#f8fafb] w-16 h-20 shadow-lg p-3 rounded-xl outline-none border transition-colors duration-300 focus:border-sspsBlue hover:border-sspsBlue border-2" type="text" /> {/each} @@ -52,7 +51,6 @@ codeValueArray[value - 1] = val; }} on:keydown|preventDefault={(e) => inputOnKeyDown(value - 1, e)} - class="caret-transparent mr-2 text-center text-4xl font-semibold text-sspsBlue bg-[#f8fafb] w-16 h-20 shadow-lg p-3 rounded-xl outline-none border transition-colors duration-300 focus:border-sspsBlue hover:border-sspsBlue border-2" type="text" /> {/each} @@ -68,8 +66,14 @@ .modal { @apply flex flex-col items-center justify-center; @apply mx-auto my-auto; - @apply w-3/5 h-3/5; + @apply w-4/5 md:w-3/5 h-3/5; @apply rounded-3xl; @apply bg-white; } + input { + @apply text-center; + @apply mr-1 md:mr-2; + @apply text-xl w-12 h-15 md:text-4xl md:w-16 md:h-20 + @apply caret-transparent text-centerfont-semibold text-sspsBlue bg-[#f8fafb] shadow-lg p-3 rounded-xl outline-none border transition-colors duration-300 focus:border-sspsBlue hover:border-sspsBlue border-2; + }