🎨 Komponentisering og formatering av FeilKort og FeilkortKonteiner
This commit is contained in:
parent
23233121d0
commit
d9e984c292
3 changed files with 30 additions and 13 deletions
27
frontend/components/CardsContainer.tsx
Normal file
27
frontend/components/CardsContainer.tsx
Normal file
|
@ -0,0 +1,27 @@
|
|||
import FeilCard from "./FeilCard";
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
* @returns Komponent for returnering av konteiner med alle feilinnmeldingene.
|
||||
*/
|
||||
const CardsContainer = () => {
|
||||
return(
|
||||
<div>
|
||||
<div className="bg-red-500 grid grid-cols-2 gap-4">
|
||||
<FeilCard />
|
||||
<FeilCard />
|
||||
<FeilCard />
|
||||
<FeilCard />
|
||||
</div>
|
||||
<div className="bg-blue-500 flex flex-row flex-wrap gap-4">
|
||||
<FeilCard />
|
||||
<FeilCard />
|
||||
<FeilCard />
|
||||
<FeilCard />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
)
|
||||
}
|
||||
export default CardsContainer
|
|
@ -21,12 +21,11 @@ const FeilCard = () => {
|
|||
<ExpansionCard.Description>
|
||||
Dummy Dummy Java
|
||||
</ExpansionCard.Description>
|
||||
<TagBar />
|
||||
<TagBar />
|
||||
</ExpansionCard.Header>
|
||||
<ExpansionCard.Content>
|
||||
Hællæ
|
||||
</ExpansionCard.Content>
|
||||
|
||||
</ExpansionCard>
|
||||
)
|
||||
}
|
||||
|
|
Reference in a new issue