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