Fix styling on registration page
This commit is contained in:
parent
373224eee2
commit
bf4557fbe8
2
main.js
2
main.js
|
@ -210,7 +210,7 @@ const WINDOW_SIZE = Object.freeze({
|
|||
defaultWidth: 880,
|
||||
defaultHeight: 820,
|
||||
minWidth: 880,
|
||||
minHeight: 820,
|
||||
minHeight: 600,
|
||||
});
|
||||
|
||||
function getWindowSize() {
|
||||
|
|
|
@ -10,6 +10,7 @@
|
|||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
|
||||
&-accent {
|
||||
flex-grow: 1;
|
||||
|
@ -28,21 +29,33 @@
|
|||
}
|
||||
|
||||
&-registration {
|
||||
height: 45%;
|
||||
padding-right: 128px;
|
||||
}
|
||||
|
||||
&-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
width: 100%;
|
||||
justify-content: space-between;
|
||||
padding: 17px 20px;
|
||||
}
|
||||
|
||||
&-body {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex: 1;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding-bottom: 20px;
|
||||
}
|
||||
|
||||
|
||||
&-close-button {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
left: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&-session-button {
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
right: 20px;
|
||||
|
||||
img {
|
||||
width: 30px;
|
||||
}
|
||||
|
@ -246,6 +259,8 @@
|
|||
display: inline-block;
|
||||
font-family: $session-font-mono;
|
||||
user-select: all;
|
||||
overflow: hidden;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -259,3 +274,5 @@
|
|||
.registration-content-centered {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
@ -8,24 +8,27 @@ export const SessionRegistrationView: React.FC = () => (
|
|||
<div className="session-content">
|
||||
<div id="session-toast-container" />
|
||||
<div id="error" className="collapse" />
|
||||
<div className="session-content-close-button">
|
||||
<SessionIconButton
|
||||
iconSize={SessionIconSize.Medium}
|
||||
iconType={SessionIconType.Exit}
|
||||
onClick={() => {
|
||||
window.close();
|
||||
}}
|
||||
/>
|
||||
<div className="session-content-header">
|
||||
<div className="session-content-close-button">
|
||||
<SessionIconButton
|
||||
iconSize={SessionIconSize.Medium}
|
||||
iconType={SessionIconType.Exit}
|
||||
onClick={() => {
|
||||
window.close();
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div className="session-content-session-button">
|
||||
<img alt="brand" src="./images/session/brand.svg" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="session-content-accent">
|
||||
<AccentText />
|
||||
</div>
|
||||
<div className="session-content-registration">
|
||||
<RegistrationTabs />
|
||||
</div>
|
||||
<div className="session-content-session-button">
|
||||
<img alt="brand" src="./images/session/brand.svg" />
|
||||
<div className="session-content-body">
|
||||
<div className="session-content-accent">
|
||||
<AccentText />
|
||||
</div>
|
||||
<div className="session-content-registration">
|
||||
<RegistrationTabs />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
|
Loading…
Reference in New Issue