Resized the component and fixed color mismatch

yugalkaushik · yugalkaushik · commit b980819e4078 · 2025-05-10T15:43:52.000+05:30
diff --git a/client/styles/components/_preferences.scss b/client/styles/components/_preferences.scss
@@ -2,7 +2,7 @@
 
 .preferences {
   width: 100%;
-  width: #{math.div(640, $base-font-size)}rem;
+  width: #{math.div(720, $base-font-size)}rem;
   max-width: 100%;
   max-height: 100%;
   z-index: 9999;
@@ -21,7 +21,7 @@
   }
 
   @media (min-width: 770px) {
-    max-height: #{math.div(460, $base-font-size)}rem;
+    max-height: #{math.div(520, $base-font-size)}rem;
   }
 }
 
@@ -204,6 +204,7 @@ input[type="number"]::-webkit-outer-spin-button {
     font-weight: bold;
   }
 }
+.preference__radio-button:focus + .preference__option,
 .preference__radio-button:focus-visible + .preference__option {
   outline: 2px solid $dodgerblue; 
   outline-offset: 2px;

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`
`3`	`3`	`.preferences {`
`4`	`4`	`width: 100%;`
`5`		`- width: #{math.div(640, $base-font-size)}rem;`
	`5`	`+ width: #{math.div(720, $base-font-size)}rem;`
`6`	`6`	`max-width: 100%;`
`7`	`7`	`max-height: 100%;`
`8`	`8`	`z-index: 9999;`
`@@ -21,7 +21,7 @@`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`@media (min-width: 770px) {`
`24`		`- max-height: #{math.div(460, $base-font-size)}rem;`
	`24`	`+ max-height: #{math.div(520, $base-font-size)}rem;`
`25`	`25`	`}`
`26`	`26`	`}`
`27`	`27`
`@@ -204,6 +204,7 @@ input[type="number"]::-webkit-outer-spin-button {`
`204`	`204`	`font-weight: bold;`
`205`	`205`	`}`
`206`	`206`	`}`
	`207`	`+.preference__radio-button:focus + .preference__option,`
`207`	`208`	`.preference__radio-button:focus-visible + .preference__option {`
`208`	`209`	`outline: 2px solid $dodgerblue;`
`209`	`210`	`outline-offset: 2px;`