Increase division logo sizes

shyusu4 · shyusu4 · commit bbf5a2fe0869 · 2025-03-10T17:50:39.000+03:00
diff --git a/tbx/static_src/sass/components/_logo.scss b/tbx/static_src/sass/components/_logo.scss
@@ -12,47 +12,47 @@
 
     // define the size for each logo variant explicitly to avoid layout shift
     &--logo-torchbox {
-        width: 100px;
+        width: 115px;
         height: 30px;
 
         @include media-query(large) {
-            width: 127px;
-            height: 36px;
+            width: 147px;
+            height: 38px;
         }
     }
 
     &--logo-charity {
-        width: 170px;
+        width: 190px;
         height: 30px;
 
         @include media-query(large) {
-            width: 217px;
-            height: 36px;
+            width: 251px;
+            height: 39px;
         }
     }
 
     &--logo-public {
-        width: 154px;
+        width: 174px;
         height: 30px;
 
         @include media-query(large) {
-            width: 198px;
-            height: 36px;
+            width: 227px;
+            height: 41px;
         }
     }
 
     &--logo-wagtail {
-        width: 216px;
+        width: 226px;
         height: 30px;
 
         @include media-query(small) {
-            width: 288px;
+            width: 330px;
             height: 30px;
         }
 
         @include media-query(large) {
-            width: 378px;
-            height: 36px;
+            width: 436px;
+            height: 39px;
         }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -12,47 +12,47 @@`
`12`	`12`
`13`	`13`	`// define the size for each logo variant explicitly to avoid layout shift`
`14`	`14`	`&--logo-torchbox {`
`15`		`- width: 100px;`
	`15`	`+ width: 115px;`
`16`	`16`	`height: 30px;`
`17`	`17`
`18`	`18`	`@include media-query(large) {`
`19`		`- width: 127px;`
`20`		`- height: 36px;`
	`19`	`+ width: 147px;`
	`20`	`+ height: 38px;`
`21`	`21`	`}`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`&--logo-charity {`
`25`		`- width: 170px;`
	`25`	`+ width: 190px;`
`26`	`26`	`height: 30px;`
`27`	`27`
`28`	`28`	`@include media-query(large) {`
`29`		`- width: 217px;`
`30`		`- height: 36px;`
	`29`	`+ width: 251px;`
	`30`	`+ height: 39px;`
`31`	`31`	`}`
`32`	`32`	`}`
`33`	`33`
`34`	`34`	`&--logo-public {`
`35`		`- width: 154px;`
	`35`	`+ width: 174px;`
`36`	`36`	`height: 30px;`
`37`	`37`
`38`	`38`	`@include media-query(large) {`
`39`		`- width: 198px;`
`40`		`- height: 36px;`
	`39`	`+ width: 227px;`
	`40`	`+ height: 41px;`
`41`	`41`	`}`
`42`	`42`	`}`
`43`	`43`
`44`	`44`	`&--logo-wagtail {`
`45`		`- width: 216px;`
	`45`	`+ width: 226px;`
`46`	`46`	`height: 30px;`
`47`	`47`
`48`	`48`	`@include media-query(small) {`
`49`		`- width: 288px;`
	`49`	`+ width: 330px;`
`50`	`50`	`height: 30px;`
`51`	`51`	`}`
`52`	`52`
`53`	`53`	`@include media-query(large) {`
`54`		`- width: 378px;`
`55`		`- height: 36px;`
	`54`	`+ width: 436px;`
	`55`	`+ height: 39px;`
`56`	`56`	`}`
`57`	`57`	`}`
`58`	`58`	`}`