frontend: rename css variable

Renamed --size-header to be more consistent with other names.

Author: thisconnect

frontends/web/src/components/dialog/dialog.module.css

@@ -203,7 +203,7 @@
 @media (max-width: 768px) {
 
     .header .title{
-        font-size: var(--header-default-font-size);
+        font-size: var(--size-header);
     }
 
     .modal {

frontends/web/src/components/guide/guide.module.css

@@ -56,7 +56,7 @@
 }
 
 .header h2 {
-    font-size: var(--header-default-font-size);
+    font-size: var(--size-header);
     font-weight: 400;
     margin: 0;
 }

frontends/web/src/components/layout/header.module.css

@@ -78,7 +78,7 @@
 
 .title > * {
     margin: 0;
-    font-size: var(--header-default-font-size);
+    font-size: var(--size-header);
     font-weight: 400;
     line-height: 1;
     display: inline-flex;

frontends/web/src/components/wallet-connect/incoming-signing-request.module.css

@@ -21,7 +21,7 @@
 }
 
 .animationAndTextContainer p {
-    font-size: var(--header-default-font-size);
+    font-size: var(--size-header);
     margin-top: var(--space-quarter);
 }
 
@@ -101,7 +101,7 @@
 }
 
 .titleContainer h3 {
-    font-size: var(--header-default-font-size);
+    font-size: var(--size-header);
     font-weight: 400;
     margin: 0 0 0 var(--space-eight);
     padding: 0 var(--space-quarter);

frontends/web/src/routes/account/info/info.module.css

@@ -1,5 +1,5 @@
 .title {
-    font-size: var(--header-default-font-size);
+    font-size: var(--size-header);
     font-weight: 400;
 }
 

frontends/web/src/routes/account/send/components/confirm/confirm.module.css

@@ -64,6 +64,6 @@
 }
 
 .valueOriginalLarge {
-  font-size: var(--header-default-font-size);
+  font-size: var(--size-header);
   font-weight: 500;
 }

frontends/web/src/style/variables.css

@@ -50,6 +50,7 @@
     /* font sizes */
     --size-large: 2rem;
     --size-large-mobile: 1.4rem;
+    --size-header: 24px;
     --size-subheader: 18px;
     --size-default: 14px;
     --size-small: 12px;
@@ -90,7 +91,6 @@
 
     /* header */
     --header-height: 70px;
-    --header-default-font-size: 24px;
 
     /* content */
     --content-width: 1080px;
@@ -204,7 +204,7 @@
 
 @media (max-width: 768px) {
     :root {
-        --header-default-font-size: 20px;
+        --size-header: 20px;
         --size-subheader: 16px;
         --size-title: 16px;