FIX: Update small screen styles (#34232)

jordanvidrine · yuriyaran · commit 0b05ac2c1a76 · 2025-08-21T15:32:48.000+03:00
diff --git a/themes/horizon/scss/main.scss b/themes/horizon/scss/main.scss
@@ -86,11 +86,13 @@ body:not(.has-full-page-chat, .wizard) {
         padding-bottom: var(--composer-height);
       }
 
-      > *:not(.experimental-screen, .activate-account) {
-        box-sizing: border-box;
-        max-width: 1000px;
-        margin-inline: auto;
-        padding-inline: var(--spacing-inline-l);
+      @include viewport.from(sm) {
+        > *:not(.experimental-screen, .activate-account) {
+          box-sizing: border-box;
+          max-width: 1000px;
+          margin-inline: auto;
+          padding-inline: var(--spacing-inline-l);
+        }
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -86,11 +86,13 @@ body:not(.has-full-page-chat, .wizard) {`
`86`	`86`	`padding-bottom: var(--composer-height);`
`87`	`87`	`}`
`88`	`88`
`89`		`- > *:not(.experimental-screen, .activate-account) {`
`90`		`- box-sizing: border-box;`
`91`		`- max-width: 1000px;`
`92`		`- margin-inline: auto;`
`93`		`- padding-inline: var(--spacing-inline-l);`
	`89`	`+ @include viewport.from(sm) {`
	`90`	`+ > *:not(.experimental-screen, .activate-account) {`
	`91`	`+ box-sizing: border-box;`
	`92`	`+ max-width: 1000px;`
	`93`	`+ margin-inline: auto;`
	`94`	`+ padding-inline: var(--spacing-inline-l);`
	`95`	`+ }`
`94`	`96`	`}`
`95`	`97`	`}`
`96`	`98`	`}`