github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-09 07:06:31 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Invites styles refactor (#30329)

Browse Source
This commit is contained in:
Jordan Vidrine 2024-12-17 15:11:21 -06:00 committed by GitHub
parent 85b45a8379
commit ef754cdd9a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 40 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
app/assets/stylesheets/common/login/invite-signup.scss
View File

@ -6,9 +6,22 @@
margin-bottom: 0; margin-bottom: 0;
} }
.invited-by {
display: flex;
align-items: center;
gap: 0.5em;
margin: 1em 0;
font-size: var(--font-down-1);
}
.invited-by p {
margin: 0;
}
.user-info { .user-info {
align-items: center; align-items: center;
gap: 0.5em; gap: 0.5em;
margin: 0;
} }
.avatar { .avatar {
@ -55,3 +68,30 @@
} }
} }
} }
.invite-page {
background: var(--secondary);
}
.invites-show,
#simple-container .invite-error {
max-width: 500px;
padding: 2rem 3rem;
background: var(--secondary);
margin: 0 auto;
@media screen and (max-width: 700px) {
margin: 1em auto 1em auto;
padding: 1rem;
}
}
#simple-container .invite-error {
.error-info {
text-align: center;
}
.error-image {
text-align: center;
padding-bottom: 1em;
}
}

1
app/assets/stylesheets/desktop/_index.scss
View File

@ -3,7 +3,6 @@
@import "compose"; @import "compose";
@import "discourse"; @import "discourse";
@import "header"; @import "header";
@import "invite-signup";
@import "latest-topic-list"; @import "latest-topic-list";
@import "login-signup-page"; @import "login-signup-page";
@import "menu-panel"; @import "menu-panel";

25
app/assets/stylesheets/desktop/invite-signup.scss
View File

@ -1,25 +0,0 @@
.invite-page {
background: var(--secondary);
}
.invites-show,
#simple-container .invite-error {
max-width: 500px;
padding: 2rem 3rem;
background: var(--secondary);
margin: 10vh auto 1em auto;
@media screen and (max-height: 700px) {
margin: 1em auto 1em auto;
}
}
#simple-container .invite-error {
.error-info {
text-align: center;
}
.error-image {
text-align: center;
padding-bottom: 1em;
}
}