La til figma styling med komponenter og theme. Endret litt på App.tsx…

[lindeav]

Beskrivelse

For å begynne å designe nettsiden ønsker vi modulære komponenter som kan gjenbrukes i alle våre pages. Disse har vo definert i figma nå gjensto det å få css koden inn i prosjektet.

Forklar hovedhensikten og problemet den løser
Hovedhensikten er at nettsiden skal gi et helhetlig inntrykk og flyt. For å passe på at styling og design blir den samme gjennom alle sidene bruker vi komponenter hvor stylingen er forhånsdefinert. Det er altså ingen funksjonalitet knyttet til de ulike komponentene enda.

Inkluder alle issues som denne PR stenger
Closes #32
(issuen stenges automatisk når denne merges)

Endringer gjort

• Laget en components mappe under src. For alle komponentene vi skulle legge til har jeg laget en til mappe med navnet til komponenten med små bokstaver. Selve komponenten heter det samme med store bokstaver. Jeg har lagt til 15 komponenter med kun css fil!

- Laget en theme.css som definerer fargene vi bruker og grunnstilen. - Endret på App.css for å bruke denne stilen. I lengden har ikke dette noe å si fordi App skal vise pages med egen styling og ikke egentlig App.css sin egen styling, men gøy å teste at det fungerte inntil videre.

Hva slags type fiks inneholder denne PR

• Bug fix
• Ny funksjonalitet
• Refactor
• Dokumentasjon
• Testing

Sjekkliste

• Testet lokalt
  Jeg har kjørt en testfil som jeg fikk claude til å lage. Den viste frem alle de ulike komponentene og jeg kunne sjekke at de så ut som forventet. Denne filen fjernet jeg etterpå slik at den ikke skal forstyrre videre i prosjektet.

• Dokumentert endringer
• Sjekket for feilmeldinger

Skjermbilder

Hvis UI-endring.

[annisaam]

Veldig bra jobbet med dette, Linde!
Synes du har laget et skikkelig fint og ryddig grunnlag for videre frontend-utvikling. Det er spesielt bra at komponentene er delt opp i egne mapper med tilhørende CSS. Det gjør det mye enklere for oss andre å gjenbruke stylingen og få et helhetlig uttrykk på tvers av sidene.