UX: Use breakpoint CSS variable instead of arbitrary 570px (#26945)

* Update header.scss * Update discourse.scss
2024-05-10 00:16:24 +08:00 · 2024-05-10 00:16:24 +08:00 · 4fad0b33eb
parent ce798ac2af
commit 4fad0b33eb
2 changed files with 2 additions and 2 deletions
--- a/app/assets/stylesheets/desktop/discourse.scss
+++ b/app/assets/stylesheets/desktop/discourse.scss
@ -142,7 +142,7 @@ select {
 }

 // Media Queries
-@media all and (max-width: 570px) {
+@include breakpoint(mobile-extra-large) {
  body {
    min-width: 0;
  }
--- a/app/assets/stylesheets/desktop/header.scss
+++ b/app/assets/stylesheets/desktop/header.scss
@ -16,7 +16,7 @@
  }
 }

-@media all and (max-width: 570px) {
+@include breakpoint(mobile-extra-large) {
  .extra-info-wrapper {
    display: none;
  }