fix(web): update hardcoded media queries to Vuetify 4 breakpoints

AchoArnold · Copilot · AchoArnold · commit 02ddbf8d4528 · 2026-05-30T14:21:46.000+03:00
Replace old Vuetify 2 breakpoint values (1264px, 1904px) with Vuetify 4
defaults (1280px, 1920px) in threads page media queries.

Co-authored-by: Copilot &lt;223556219+Copilot@users.noreply.github.com&gt;
diff --git a/web/app/pages/threads/[id]/index.vue b/web/app/pages/threads/[id]/index.vue
@@ -507,12 +507,12 @@ onBeforeUnmount(() => {
     max-width: 900px;
   }
 }
-@media (min-width: 1264px) {
+@media (min-width: 1280px) {
   .messages-body {
     max-width: 1185px;
   }
 }
-@media (min-width: 1904px) {
+@media (min-width: 1920px) {
   .messages-body {
     max-width: 1785px;
   }

Original file line number	Diff line number	Diff line change
`@@ -507,12 +507,12 @@ onBeforeUnmount(() => {`
`507`	`507`	`max-width: 900px;`
`508`	`508`	`}`
`509`	`509`	`}`
`510`		`-@media (min-width: 1264px) {`
	`510`	`+@media (min-width: 1280px) {`
`511`	`511`	`.messages-body {`
`512`	`512`	`max-width: 1185px;`
`513`	`513`	`}`
`514`	`514`	`}`
`515`		`-@media (min-width: 1904px) {`
	`515`	`+@media (min-width: 1920px) {`
`516`	`516`	`.messages-body {`
`517`	`517`	`max-width: 1785px;`
`518`	`518`	`}`