Merge pull request #57087 from nextcloud/backport/57010/stable31

[stable31] fix(css): correct boundaries of breaking points

Author: susnux

core/css/apps.css

@@ -7,7 +7,7 @@
 @use 'sass:math';
 @use 'functions';
 
-@media screen and (max-width: variables.$breakpoint-mobile) {
+@media screen and (width < #{variables.$breakpoint-mobile}) {
 	// Make the body full width on mobile
 	:root {
 		--body-container-margin: 0px !important;
@@ -711,7 +711,7 @@ body[dir='rtl'] {
 	}
 }
 
-@media only screen and (max-width: variables.$breakpoint-mobile) {
+@media only screen and (width < #{variables.$breakpoint-mobile}) {
 	#content {
 		border-start-start-radius: var(--border-radius-large);
 		border-start-end-radius: var(--border-radius-large);