MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

CSS tweaks.

This commit is contained in:
Sam Rose 2024-03-14 10:23:42 +00:00
parent fcd7ee10f1
commit c8f37e16e5
No known key found for this signature in database
2 changed files with 19 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/builder/src/pages/builder/maintenance/index.svelte
View File

@ -51,6 +51,7 @@
flex-direction: row;
align-items: center;
justify-content: center;
padding: var(--spacing-l);
}
.hero {
margin: var(--spacing-l);

56
packages/client/src/components/MaintenanceScreen.svelte
View File

@ -16,28 +16,24 @@
export let maintenanceList
</script>
<div class="main">
<div class="content">
<div class="inner-content">
{#each maintenanceList as maintenance}
{#if maintenance.type === MaintenanceType.SQS_MISSING}
<Layout>
<Heading>Budibase installation requires maintenance</Heading>
<Body>
The administrator of this Budibase installation needs to take
actions to update components that are out of date. Please contact
them and show them this warning. More information will be
available when they log into their account.
</Body>
</Layout>
{/if}
{/each}
</div>
</div>
<div class="content">
{#each maintenanceList as maintenance}
{#if maintenance.type === MaintenanceType.SQS_MISSING}
<Layout>
<Heading>Budibase installation requires maintenance</Heading>
<Body>
The administrator of this Budibase installation needs to take actions
to update components that are out of date. Please contact them and
show them this warning. More information will be available when they
log into their account.
</Body>
</Layout>
{/if}
{/each}
</div>
<style>
.main {
.content {
max-width: 700px;
margin: auto;
height: 100vh;
@ -45,29 +41,13 @@
flex-direction: row;
align-items: center;
justify-content: center;
}
.content {
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: center;
gap: var(--spacing-m);
padding: var(--spacing-l);
}
.inner-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--spacing-m);
}
@media only screen and (max-width: 600px) {
@media (max-width: 640px) {
.content {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.main {
height: auto;
}
}
</style>