CSS updates to beta tab

This commit is contained in:
Martin McKeaveney 2022-06-13 21:00:15 +01:00
parent ccfa350118
commit 46247346d6
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>
<Page maxWidth="90ch" wide={false}>
<Layout>
<Heading size="M">Beta Builder</Heading>
<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
>
</ButtonGroup>
</Layout>
</Page>