feat: colorize the ui based on the app color
This commit is contained in:
@@ -4,7 +4,6 @@
|
||||
import Background from "./Background.vue";
|
||||
import Buttons from "./Buttons.vue";
|
||||
import ButtonSelector from "~/components/Common/ButtonSelector.vue";
|
||||
import Bars from "./Bars.vue";
|
||||
|
||||
const store = useContactStore();
|
||||
const { open: openModal, state: modalState } = useConfirmationModal();
|
||||
@@ -105,16 +104,24 @@ useKeyDown((key) => {
|
||||
"
|
||||
/>
|
||||
|
||||
<Bars />
|
||||
<CommonBars
|
||||
title="Choose a Chat Room to join."
|
||||
:opacity="
|
||||
store.isIntro ? store.intro.stage3Opacity : store.outro.stage2Opacity
|
||||
"
|
||||
:y-offset="store.isIntro ? store.intro.barOffsetY : 0"
|
||||
/>
|
||||
<CommonConfirmationModal />
|
||||
<CommonButtons
|
||||
:y-offset="
|
||||
store.isIntro
|
||||
? store.intro.bottomBarY - (SCREEN_HEIGHT - 24)
|
||||
: modalState.buttonsYOffset
|
||||
store.isIntro ? store.intro.barOffsetY : modalState.buttonsYOffset
|
||||
"
|
||||
:opacity="
|
||||
store.isIntro ? store.intro.stage3Opacity : store.outro.stage2Opacity
|
||||
store.isIntro
|
||||
? store.intro.stage3Opacity
|
||||
: store.isOutro
|
||||
? store.outro.stage2Opacity
|
||||
: 1
|
||||
"
|
||||
b-label="Quit"
|
||||
:a-label="ACTIONS[selectedButton][0]"
|
||||
|
||||
Reference in New Issue
Block a user