cswimr/revite
1
0
Fork 0
mirror of https://github.com/revoltchat/revite.git synced 2024-11-21 14:40:58 -05:00
Code Issues Projects Releases Packages Wiki Activity

Fix: Load Theme early for onboarding.

Browse source
This commit is contained in:
Paul 2021-06-24 21:07:07 +01:00
parent 8b91b4a632
commit e03c2f88af
4 changed files with 22 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
index.html
View file

@ -11,4 +11,9 @@
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
<style>
html {
background-color: #191919;
}
</style>
</html> </html>

24
src/context/index.tsx
View file

@ -13,17 +13,19 @@ export default function Context({ children }: { children: Children }) {
return ( return (
<Router> <Router>
<State> <State>
<Settings> <Theme>
<Locale> <Settings>
<Intermediate> <Locale>
<Client> <Intermediate>
<Voice> <Client>
<Theme>{children}</Theme> <Voice>
</Voice> {children}
</Client> </Voice>
</Intermediate> </Client>
</Locale> </Intermediate>
</Settings> </Locale>
</Settings>
</Theme>
</State> </State>
</Router> </Router>
); );

3
src/context/intermediate/modals/Onboarding.module.scss
View file

@ -1,4 +1,5 @@
.onboarding { .onboarding {
height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
@ -7,7 +8,9 @@
flex: 1; flex: 1;
&.header { &.header {
gap: 8px;
padding: 3em; padding: 3em;
display: flex;
text-align: center; text-align: center;
h1 { h1 {

2
src/styles/_page.scss
View file

@ -9,9 +9,9 @@
html { html {
// contain: content; // contain: content;
background: var(--background);
background-size: cover !important; background-size: cover !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-color: var(--background) !important;
} }
html, html,