Skip to content

Commit

Permalink
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix checkboxes
Browse files Browse the repository at this point in the history
MelissaAutumn committed Jun 19, 2024
1 parent 1f5b21d commit 900a7ad
Showing 2 changed files with 25 additions and 8 deletions.
15 changes: 12 additions & 3 deletions frontend/src/tbpro/elements/SyncCard.vue
Original file line number Diff line number Diff line change
@@ -47,6 +47,7 @@ defineProps({
background: var(--neutral);
font-family: 'Inter', 'sans-serif';
font-size: var(--txt-input);
color: var(--tbpro-text);
}
.header {
@@ -92,10 +93,18 @@ label {
}
input {
width: 1.0rem;
height: 1.0rem;
&:checked {
width: 1.0rem;
height: 1.0rem;
border-radius: var(--border-radius);
border: 1px solid var(--surface-intense);
&:focus {
outline-color: var(--text-highlight);
}
&:checked {
border-color: var(--text-highlight);
color: var(--text-highlight);
}
}
18 changes: 13 additions & 5 deletions frontend/src/views/FirstTimeUserExperienceView.vue
Original file line number Diff line number Diff line change
@@ -1,20 +1,19 @@
<template>
<div class="page-ftue overlay fixed left-0 top-0 z-[55] h-screen w-screen overflow-hidden" role="dialog" tabindex="-1" aria-labelledby="ftue-title" aria-modal="true">
<div
class="modal "
>
<div class="modal">
<div class="relative flex size-full w-full flex-col items-center gap-4">
<word-mark/>
<word-mark v-if="currentStep === ftueStep.setupProfile"/>
<h2 id="ftue-title">
{{ stepTitle }}
</h2>
<div class="flex w-full flex-col items-center justify-center">
<setup-profile v-if="currentStep === ftueStep.setupProfile"/>
<google-permissions v-else-if="currentStep === ftueStep.googlePermissions"/>
<connect-calendars v-else-if="currentStep === ftueStep.connectCalendars"/>
</div>
<div class="divider"></div>
<div class="footer">
<router-link to="support">Support</router-link>
<router-link to="contact">Support</router-link>
</div>
</div>
</div>
@@ -29,12 +28,19 @@ import SetupProfile from '@/components/FTUE/SetupProfile.vue';
import { ftueStep } from '@/definitions';
import GooglePermissions from '@/components/FTUE/GooglePermissions.vue';
import WordMark from '@/elements/WordMark.vue';
import { onMounted } from 'vue';
import ConnectCalendars from '@/components/FTUE/ConnectCalendars.vue';
const ftueStore = useFTUEStore();
const {
stepTitle, currentStep,
} = storeToRefs(ftueStore);
onMounted(() => {
// Force light-mode
localStorage?.setItem('theme', 'light');
});
</script>
<style scoped>
@@ -51,9 +57,11 @@ const {
position: relative;
width: 50rem; /* 800px */
height: 37.5rem; /* 600px */
background-color: white;
background-image: url('@/assets/svg/ftue-background.svg');
background-size: cover;
background-repeat: no-repeat;
border-radius: 0.75rem;
padding: 2rem 2rem 0;
}
.modal:before {

0 comments on commit 900a7ad

Please sign in to comment.