on master help sign in
Updated to static heights
commit1f0cfb2b40e5f81164ecb0d6a22d83f1f7eb81c2 authorWill Galebach <willbach@gmail.com> dateWed 29 Dec 2021, 19:38 (5 years ago) parent443a400
7 files changed+11−9
src/components/L2/Window/Window.scss+1 src/style/master-key.scss+1−1 src/views/Activate/ActivateCode.tsx+2−2 src/views/Activate/ActivateView.tsx+3−3 src/views/Activate/MasterKeyConfirm.scss+1−1 src/views/Activate/MasterKeyDownload.tsx+2−2 src/views/Activate/MasterKeyReveal.tsx+1
src/components/L2/Window/Window.scss+1
@@ -5,4 +5,5 @@
55 border: 1px solid $light-gray;
66 width: 480px;
77 max-width: calc(100vw - 32px);
8+ position: relative;
89}
src/style/master-key.scss+1−1
@@ -18,7 +18,7 @@
1818
1919svg.master-key {
2020 height: 44px;
21− margin: 80px 0;
21+ margin: 107px 0;
2222 // Initial state
2323 path {
2424 fill-opacity: 0.2;
src/views/Activate/ActivateCode.tsx+2−2
@@ -48,9 +48,9 @@ export default function ActivateCode() {
4848 </Box>
4949 )}
5050 {impliedPatp ? (
51− <PointPresenter patp={impliedPatp} />
51+ <PointPresenter patp={impliedPatp} className="mb6 mt7" />
5252 ) : (
53− <PlaceholderSigil className="mt9 mb8" />
53+ <PlaceholderSigil className="mv9" style={{ marginTop: 78 }} />
5454 )}
5555 </Box>
5656 </ActivateView>
src/views/Activate/ActivateView.tsx+3−3
@@ -1,12 +1,12 @@
11import { Box } from '@tlon/indigo-react';
2−import cn from 'classnames';
3−import View from 'components/View';
42import { Grid, Text } from 'indigo-react';
53import HeaderButton from 'components/L2/Headers/HeaderButton';
64import { useHistory } from 'store/history';
75import Window from 'components/L2/Window/Window';
86import BodyPane from 'components/L2/Window/BodyPane';
97
8+import './ActivateView.scss';
9+
1010interface ActivateViewProps {
1111 className?: string;
1212 children?: React.ReactNode;
@@ -49,7 +49,7 @@ export default function ActivateView({
4949 onClick={onBack || (() => pop())}
5050 />
5151 )}
52− <Window>
52+ <Window className="activate-view">
5353 <BodyPane>
5454 <Box className="w-full" gridArea="header">
5555 {header}
src/views/Activate/MasterKeyConfirm.scss+1−1
@@ -34,7 +34,7 @@
3434 flex-direction: row;
3535 width: 80%;
3636 height: min-content;
37− margin: 48px 0;
37+ margin: 120px 0;
3838 flex-wrap: nowrap;
3939 justify-content: center;
4040 }
src/views/Activate/MasterKeyDownload.tsx+2−2
@@ -133,7 +133,7 @@ const MasterKeyDownload = () => {
133133 justifyContent={'space-evenly'}>
134134 <DangerBox
135135 overrideFadeIn={triggerAnimation && isIn}
136− className={`mv7 ${!isIn ? 'hidden' : ''}`}>
136+ className={`mv8 ${!isIn ? 'hidden' : ''}`}>
137137 Do not share this with anyone else!
138138 </DangerBox>
139139 {ticket && (
@@ -142,7 +142,7 @@ const MasterKeyDownload = () => {
142142 <MasterKeyCopy
143143 text={ticket}
144144 overrideFadeIn={triggerAnimation && isIn}
145− className={`mv2 ${!isIn ? 'hidden' : ''}`}
145+ className={`mv5 ${!isIn ? 'hidden' : ''}`}
146146 />
147147 </Box>
148148 </ActivateView>
src/views/Activate/MasterKeyReveal.tsx+1
@@ -87,6 +87,7 @@ const MasterKeyReveal = () => {
8787 height={'100%'}
8888 justifyContent={'center'}>
8989 <Box
90+ margin={triggerAnimation ? '0' : '75px 0'}
9091 display={'flex'}
9192 flexDirection={'row'}
9293 flexWrap={'nowrap'}