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:
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user