mirror of
https://github.com/discourse/discourse.git
synced 2024-12-12 16:03:49 +08:00
5dbf812d32
This commit continues on work laid out by 6039b513fe to redesign the /about page. In this commit, we add the site age and a section on the right hand side to show site activities/statistics such as topics, posts, sign-ups, likes etc.
77 lines
1.2 KiB
SCSS
77 lines
1.2 KiB
SCSS
.about {
|
|
&__main-content {
|
|
display: grid;
|
|
grid-template-columns: 2.5fr 1fr;
|
|
column-gap: 4em;
|
|
}
|
|
|
|
&__stats {
|
|
display: flex;
|
|
border-top: 1px solid var(--primary-low);
|
|
border-bottom: 1px solid var(--primary-low);
|
|
padding: 1em 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
&__stats-item {
|
|
flex-grow: 1;
|
|
flex-basis: 0;
|
|
}
|
|
|
|
&__banner {
|
|
margin-bottom: 1em;
|
|
min-height: 300px;
|
|
max-height: 300px;
|
|
}
|
|
|
|
&__activities-item {
|
|
display: flex;
|
|
align-items: center;
|
|
margin-bottom: 1.5em;
|
|
}
|
|
|
|
&__activities-item-icon {
|
|
margin-right: 1em;
|
|
}
|
|
|
|
&__activities-item-period {
|
|
font-size: var(--font-down-2);
|
|
}
|
|
}
|
|
|
|
section.about {
|
|
margin-bottom: 3em;
|
|
|
|
.users {
|
|
display: grid;
|
|
gap: 1em;
|
|
grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
|
|
}
|
|
|
|
h3 {
|
|
margin-bottom: 1em;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 0 0.35em;
|
|
.d-icon {
|
|
color: var(--primary-high);
|
|
}
|
|
.badge-category__wrapper {
|
|
font-size: var(--font-0);
|
|
align-self: baseline;
|
|
}
|
|
}
|
|
|
|
&.stats {
|
|
table {
|
|
td {
|
|
padding: 0.67em;
|
|
&:not(:first-child) {
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|