feat: optimize setup style pages.

This commit is contained in:
Ahmed Bouhuolia
2020-10-14 13:25:20 +02:00
parent b2f3140f7c
commit f9f517ae51
5 changed files with 26 additions and 18 deletions

View File

@@ -22,13 +22,13 @@ function Dashboard({
// #withSettings // #withSettings
requestFetchOptions, requestFetchOptions,
}) { }) {
// const fetchOptions = useQuery( const fetchOptions = useQuery(
// ['options'], () => requestFetchOptions(), ['options'], () => requestFetchOptions(),
// ); );
return ( return (
<EnsureOrganizationIsReady> <EnsureOrganizationIsReady>
<DashboardLoadingIndicator isLoading={false}> <DashboardLoadingIndicator isLoading={fetchOptions.isFetching}>
<Switch> <Switch>
<Route path="/preferences"> <Route path="/preferences">
<DashboardSplitPane> <DashboardSplitPane>

View File

@@ -47,7 +47,7 @@ function SetupLeftSection({
<div className={'content__organization'}> <div className={'content__organization'}>
<span class="organization-id"> <span class="organization-id">
Your oragnization ID: <span class="id">{ currentOrganizationId }</span>, Oragnization ID: <span class="id">{ currentOrganizationId }</span>,
</span> </span>
<br /> <br />
<span class="signout"> <span class="signout">

View File

@@ -106,7 +106,7 @@
h3 { h3 {
font-weight: 500; font-weight: 500;
font-size: 22px; font-size: 22px;
color: #444; color: #2d2b43;
margin: 0 0 12px; margin: 0 0 12px;
} }

View File

@@ -196,13 +196,16 @@
padding: 45px 0 20px; padding: 45px 0 20px;
&__title-wrap{ &__title-wrap{
margin-bottom: 20px; margin-bottom: 32px;
h1 { h1 {
margin-top: 0; margin-top: 0;
margin-bottom: 10px; margin-bottom: 10px;
color: #565e6c; color: #565e6c;
} }
.paragraph{
opacity: 0.75;
}
} }
&__form{ &__form{
@@ -252,28 +255,33 @@
background: rgba(92, 112, 128, 0.2); background: rgba(92, 112, 128, 0.2);
border-radius: 40px; border-radius: 40px;
display: block; display: block;
height: 8px; height: 6px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: 80%; width: 80%;
margin: 0 auto; margin: 0 auto;
.bp3-progress-meter {
background-color: #809cb3;
}
} }
&__title { &__title {
text-align: center; text-align: center;
margin-top: 35px; margin-top: 35px;
h1 { h1 {
font-size: 24px; font-size: 22px;
font-weight: 700; font-weight: 600;
color: #000; color: #454c59;
// color: #6d6d6d; margin-top: 0;
margin-bottom: 14px;
} }
.paragraph { .paragraph {
font-size: 15px; width: 70%;
line-height: 1.5; margin: 0 auto;
padding: 0 20%; color: #2e4266;
} }
} }
} }