sidski/helseveileder
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

📱 💄 fix responiveness & some styling

Browse source 
Co-authored-by: haraldnilsen <harald_998@hotmail.com>
Signed-off-by: Sindre Kjelsrud <kjelsrudsindre@gmail.com>
This commit is contained in:
Sindre Kjelsrud 2024-01-14 14:44:49 +01:00
parent 75e9598db2
commit 60ed8cab6c
6 changed files with 40 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/userform/UserFormInput.svelte
View file

@ -15,11 +15,15 @@
</script>
<div class="flex flex-col md:flex-row justify-between md:justify-start items-start gap-3 md:gap-0 md:h-1/4 w-full">
<p class="text-primary font-bold w-auto">{label}:</p>
{#if inputType == "radio"}
<RadioButtons on:update={(e) => handleFormChange(e.detail)} selected={formData} options={options}/>
{/if}
{#if inputType == "select"}
<Select on:update={(e) => handleFormChange(e.detail)} options={options}/>
{/if}
<div class="w-full md:w-1/6">
<p class="text-primary font-bold w-auto">{label}:</p>
</div>
<div class="w-full md:w-5/6">
{#if inputType == "radio"}
<RadioButtons on:update={(e) => handleFormChange(e.detail)} selected={formData} options={options}/>
{/if}
{#if inputType == "select"}
<Select on:update={(e) => handleFormChange(e.detail)} options={options}/>
{/if}
</div>
</div>