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

12
frontend/src/routes/form/[slug]/+page.svelte
View file

@ -13,7 +13,7 @@
let questionAnswer2Text: string = ""
let questionAnswer2ID: number = 0
let questionNumber: number = 0
let shouldSwitch = false;
let question1Answered: boolean = false
@ -68,16 +68,24 @@
<div class="flex flex-col h-full md:h-screen gap-10">
<FormHeader questionNum={questionNumber} formQuestion={formQuestion}/>
<div class="flex flex-col md:flex-row h-full justify-between gap-12">
<div class="flex flex-col md:flex-row h-full justify-between gap-12">
{#if shouldSwitch}
{#key questionNumber}
<div class="flex-1">
<AnswerBox on:update={(e) => question2Answered = e.detail} answerNum={2} answerText={questionAnswer2Text} answerID={questionAnswer2ID}/>
</div>
<div class="flex-1">
<AnswerBox on:update={(e) => question1Answered = e.detail} answerNum={1} answerText={questionAnswer1Text} answerID={questionAnswer1ID}/>
</div>
{/key}
{:else}
{#key questionNumber}
<div class="flex-1">
<AnswerBox on:update={(e) => question1Answered = e.detail} answerNum={1} answerText={questionAnswer1Text} answerID={questionAnswer1ID}/>
</div>
<div class="flex-1">
<AnswerBox on:update={(e) => question2Answered = e.detail} answerNum={2} answerText={questionAnswer2Text} answerID={questionAnswer2ID}/>
</div>
{/key}
{/if}
</div>

4
frontend/src/routes/info/+page.svelte
View file

@ -1,6 +1,6 @@
<div class="flex flex-col justify-between items-center h-full">
<div class="flex h-full mt-8">
<div class="flex flex-col gap-4 px-96 items-center">
<div class="flex flex-col gap-4 md:px-96 items-center">
<h1 class="text-3xl text-primary font-bold">Info</h1>
<p>
Vi er to medisinstudenter som skriver hovedfagsoppgave om kunstig intelligens innen medisin. Inspirasjonen til dette prosjektet ble hentet fra en artikkel publisert i tidsskriftet JAMA, som undersøker hvordan ChatGPT responderer på kliniske spørsmål, sammenlignet med svar fra leger. Resultatene fra JAMA-artikkelen er lovende og viser at kunstig intelligens kan ha potensiale til å fungere som en co-pilot for leger.
@ -10,7 +10,7 @@
</p>
</div>
</div>
<div class="flex justify-center items-center gap-8 text-primary font-bold">
<div class="flex justify-center items-center gap-8 mt-10 md:mt-0 text-primary font-bold">
<button><a href="/">Tilbake</a></button>
</div>
</div>