discourse
/
discourse-subscriptions
mirror of https://github.com/discourse/discourse-subscriptions.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix: Layout issues on larger screens

This commit is contained in:
Derek Rushforth 2025-03-28 12:55:34 -07:00 committed by GitHub
parent 854b3f223f
commit fe338ae4b8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/stylesheets/common/campaign.scss
View File

@ -128,17 +128,9 @@ body.archetype-regular {
&-info { &-info {
width: 30%; width: 30%;
padding: 0.5em 2em 0.5em; padding: 2em;
background-color: var(--primary-very-low); background-color: var(--primary-very-low);
@media screen and (min-width: 1000px) {
width: 40%;
display: grid;
grid-template-columns: 65% calc(40% - 2em);
grid-template-areas: "left right" "left right";
align-items: center;
}
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
width: calc(100% - 4em); width: calc(100% - 4em);
display: flex; display: flex;
@ -148,7 +140,7 @@ body.archetype-regular {
} }
&-header { &-header {
font-size: $font-up-6; font-size: $font-up-4;
margin: 0; margin: 0;
@media screen and (max-width: 750px) { @media screen and (max-width: 750px) {
@ -201,6 +193,9 @@ body.archetype-regular {
&-progress { &-progress {
width: 60%; width: 60%;
padding: 1.5em 2em 1.5em; padding: 1.5em 2em 1.5em;
display: flex;
flex-flow: column;
justify-content: center;
@media screen and (max-width: 400px) { @media screen and (max-width: 400px) {
width: calc(100% - 4em); width: calc(100% - 4em);