CSS updates to beta tab

This commit is contained in:
Martin McKeaveney 2022-06-13 21:00:15 +01:00
parent 56c8a0fcf9
commit 0e04fb843e
1 changed files with 31 additions and 14 deletions

View File

@ -1,26 +1,43 @@
<script>
import { Body, Button, Layout, Heading } from "@budibase/bbui"
import {
Body,
Button,
ButtonGroup,
Divider,
Layout,
Heading,
Page,
} from "@budibase/bbui"
import { flags } from "stores/backend"
import { goto } from "@roxi/routify"
function openFeedbackApp() {
window.open(`https://bb.budibase.app/betauifeedback`)
window.open(
"https://bb.budibase.app/app/design-feedback-hub#/beta-questions"
)
}
async function revertToOldBuilder() {
await flags.toggleUiFeature("design_ui")
$goto("../")
window.location.reload()
}
</script>
<Layout>
<Heading size="M">Beta Builder</Heading>
<Page maxWidth="90ch" wide={false}>
<Layout>
<Heading size="S">Beta Builder</Heading>
<Divider />
<Body>
Your account has been given access to the budibase beta program. We would
love to hear what you think and get your feedback and suggestions on the new
Design UI.
love to hear what you think and get your feedback and suggestions on the
new Design UI.
</Body>
<ButtonGroup>
<Button cta on:click={openFeedbackApp}>Give Feedback</Button>
<Button secondary on:click={revertToOldBuilder}
>Revert back to old builder</Button
>
</Layout>
</ButtonGroup>
</Layout>
</Page>