tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

style: fix linting issues met Prettier

Browse source
This commit is contained in:
Lint Action 2025-03-19 08:28:28 +00:00
parent 1b47439c75
commit 56c29f3fee
1 changed files with 19 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

36
frontend/src/views/HomePage.vue
View file

@ -23,7 +23,10 @@
<main> <main>
<div class="layout"> <div class="layout">
<div class="container_left"> <div class="container_left">
<img :src="dwengoLogo" style="align-self: center;"/> <img
:src="dwengoLogo"
style="align-self: center"
/>
<h> {{ t("homeTitle") }}</h> <h> {{ t("homeTitle") }}</h>
<p class="info"> <p class="info">
{{ t("homeIntroduction1") }} {{ t("homeIntroduction1") }}
@ -32,7 +35,7 @@
<v-btn <v-btn
size="large" size="large"
density="comfortable" density="comfortable"
style="font-weight: bolder; color: white; align-self: center;" style="font-weight: bolder; color: white; align-self: center"
color="#88BD28" color="#88BD28"
to="/login" to="/login"
> >
@ -172,21 +175,20 @@
} }
@media (max-width: 1024px) { @media (max-width: 1024px) {
.container_left { .container_left {
width: 100%; /* Full width on tablets */ width: 100%; /* Full width on tablets */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; /* Align content to the left */ align-items: flex-start; /* Align content to the left */
justify-content: center; justify-content: center;
padding: 20px; padding: 20px;
position: relative; /* Ensure child elements are positioned relative to this */ position: relative; /* Ensure child elements are positioned relative to this */
} }
.container_right { .container_right {
position: absolute; position: absolute;
top: 10px; /* Adjust top position to align properly */ top: 10px; /* Adjust top position to align properly */
right: 70px; /* Keep it in the right corner */ right: 70px; /* Keep it in the right corner */
}
} }
}
</style> </style>