Fix styling in public page

make the cloudron name bolder

on mobile, form fields must be aligned left. make logo smaller to
not make the left aligned form fields better.
This commit is contained in:
Girish Ramakrishnan
2025-10-17 11:29:37 +02:00
parent fe8d5b0d3e
commit 8d2ea7e736

View File

@@ -106,7 +106,10 @@ defineProps({
}
.public-page-layout-left .cloudron-name {
margin-bottom: 30%;
font-family: var(--font-family--header);
font-weight: 400;
font-size: 1.75em;
margin-bottom: 1rem;
}
.public-page-layout-right {
@@ -151,11 +154,18 @@ defineProps({
justify-content: start;
flex-basis: unset;
text-align: center;
gap: 20px;
gap: 2rem;
}
.public-page-layout-right-slot {
max-width: unset;
text-align: left;
}
.cloudron-avatar {
border-radius: 10px;
width: 96px;
height: 96px;
}
}