[native] Show spinner when community creation request is in progress
ClosedPublic
Actions

div.body_grid {
max-width: 1920px;
margin-left: auto;
margin-right: auto;
display: grid;
column-gap: 6em;
padding: 20px 60px 40px;
transition-property: max-width;
transition: 300ms;
}

div.body_grid h1 {
font-size: clamp(1.5rem, 1.0817rem + 2.0915vw, 3.5rem);
}

.mono {
font-family: 'iA Writer Duo S', monospace;
padding-bottom: 24px;
}

.mono + p {
padding-bottom: 24px;
}

span.purple_accent {
color: #7e57c2;
}

.heading {		.heading {
color: var(--white-80);		color: var(--white-80);
margin-bottom: 40px;		margin-bottom: 40px;
}		}

.heading + p {		.heading + p {
padding-bottom: 24px;		padding-bottom: 24px;
}		}

span.purple_gradient {		span.purple_gradient {
background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%);		background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%);
background-clip: text;		background-clip: text;
-webkit-background-clip: text;		-webkit-background-clip: text;
-webkit-text-fill-color: transparent;		-webkit-text-fill-color: transparent;
}		}

		.hero_section,
.servers_section,		.servers_section,
.keyserver_company_section {		.keyserver_company_section {
display: flex;		display: flex;
padding: 120px 32px;		padding: 120px 32px;
justify-content: center;		justify-content: center;
}		}

		.hero_section {
		padding-top: 64px;
		}

.servers_section {		.servers_section {
background-color: var(--light-dark-page-background);		background-color: var(--light-dark-page-background);
}		}

		.hero_container,
.servers_container,		.servers_container,
.keyserver_company_container {		.keyserver_company_container {
display: flex;		display: flex;
width: 1376px;		width: 1376px;
max-width: 90vw;		max-width: 90vw;
}		}

		.hero_container {
		flex-direction: column;
		}

		.hero_image {
		width: 100%;
		max-height: 376px;
		margin-bottom: 72px;
		}

		.heroText {
		text-align: center;
		}

.servers_image {		.servers_image {
width: 100%;		width: 100%;
max-height: 480px;		max-height: 480px;
}		}

.servers_copy {		.servers_copy {
display: flex;		display: flex;
flex-direction: column;		flex-direction: column;
Show All 24 Lines	@media (max-width: 1440px) {
}		}

.read_the_docs {		.read_the_docs {
max-width: 504px;		max-width: 504px;
align-self: flex-start;		align-self: flex-start;
margin: 0;		margin: 0;
}		}
}		}

/* ===== CSS BODY GRID LAYOUT ===== */
div.body_grid {
grid-template-columns: 1fr 1fr;
grid-template-areas: 'hero_copy hero_image';
}

div.hero_copy {
grid-area: hero_copy;
align-self: center;
}
div.hero_image {
grid-area: hero_image;
object-fit: scale-down;
align-self: center;
}

/* ===== LAYOUT HACKS ===== */
div.body_grid > div + .starting_section {
padding-top: 80px;
}

.section {
padding-top: 80px;
}

/* ===== MEDIUM BREAKPOINT ===== */
@media (max-width: 1499px) {
div.body_grid {
padding-left: 60px;
padding-right: 60px;
}
}

/* ===== SMALLEST BREAKPOINT ===== */
@media (max-width: 1099px) {
/* ===== COMMON CSS GRID LAYOUT ===== */
div.body_grid,
div.app_landing_grid {
grid-template-columns: minmax(auto, 540px);
justify-content: center;
padding: 0 3% 2vh;
}

/* ===== CSS BODY GRID LAYOUT ===== */
div.body_grid {
grid-template-areas:
'hero_image'
'hero_copy';
}

/* ===== LAYOUT HACKS ===== */
.section {
padding-top: 20px;
}
}

[native] Show spinner when community creation request is in progressClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 27097

native/community-creation/community-configuration.react.js

[native] Show spinner when community creation request is in progress
ClosedPublic
Actions

Revision Contents
Changeset List