chrome: Fix nav face and poster statuses

nav logo looks weird still on chrome, may need to replace with an svg
sbondCo · May 7, 2023 · deeec0c · deeec0c
1 parent a02f7e8
commit deeec0c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/src/lib/Poster.svelte b/src/lib/Poster.svelte
@@ -244,7 +244,7 @@
           &.rating {
             span {
               color: black;
-              -webkit-text-stroke: 1.5px black;
+              /* -webkit-text-stroke: 1.5px black; */
 
               &:first-child {
                 font-size: 39px;
@@ -262,7 +262,11 @@
             &:hover span,
             &:focus-visible span {
               color: gold;
-              -webkit-text-stroke: 1.5px gold;
+              /* -webkit-text-stroke: 1.5px gold; */
+            }
+
+            div button {
+              font-size: 20px;
             }
           }
 
@@ -298,7 +302,6 @@
               width: 100%;
               color: black;
               fill: black;
-              font-size: 20px;
 
               & :global(svg) {
                 width: 100%;

diff --git a/src/routes/(app)/+layout.svelte b/src/routes/(app)/+layout.svelte
@@ -112,8 +112,9 @@
     }
 
     h1 {
+      font-weight: bold;
       color: white;
-      -webkit-text-stroke: 1.5px black;
+      -webkit-text-stroke: 1px black;
       font-size: 35px;
       transition: color 150ms ease;
     }
@@ -134,8 +135,7 @@
     button.face {
       font-family: "Rampart One", system-ui, -apple-system, BlinkMacSystemFont;
       font-size: 25px;
-      writing-mode: vertical-rl;
-      text-orientation: mixed;
+      transform: rotate(90deg);
       cursor: pointer;
       transition: -webkit-text-stroke 150ms ease, color 150ms ease;