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> <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>
<Layout> <Page maxWidth="90ch" wide={false}>
<Heading size="M">Beta Builder</Heading> <Layout>
<Body> <Heading size="S">Beta Builder</Heading>
Your account has been given access to the budibase beta program. We would <Divider />
love to hear what you think and get your feedback and suggestions on the new <Body>
Design UI. Your account has been given access to the budibase beta program. We would
</Body> love to hear what you think and get your feedback and suggestions on the
<Button cta on:click={openFeedbackApp}>Give Feedback</Button> new Design UI.
<Button secondary on:click={revertToOldBuilder} </Body>
>Revert back to old builder</Button <ButtonGroup>
> <Button cta on:click={openFeedbackApp}>Give Feedback</Button>
</Layout> <Button secondary on:click={revertToOldBuilder}
>Revert back to old builder</Button
>
</ButtonGroup>
</Layout>
</Page>