Fix logo height

frontend/src/components/VHeader/VLogoButton.vue

@@ -8,10 +8,7 @@
     icon-only
     class="text-dark-charcoal hover:bg-yellow"
   >
-    <VLogoLoader
-      :status="isFetching ? 'loading' : 'idle'"
-      :auto-resize="false"
-    />
+    <VLogoLoader :status="isFetching ? 'loading' : 'idle'" />
   </VButton>
 </template>
 <script>

frontend/src/components/VLogoLoader/VLogoLoader.vue

@@ -4,13 +4,11 @@
     xmlns="http://www.w3.org/2000/svg"
     :class="{
       loading: status === 'loading' && !prefersReducedMotion,
-      'h-10 w-10': autoResize,
-      'h-12 w-12': !autoResize,
     }"
     aria-hidden="true"
     :data-prefers-reduced-motion="prefersReducedMotion"
     data-testid="logo-loader"
-    class="inline-flex items-center justify-center rounded p-3 md:h-12 md:w-12"
+    class="inline-flex h-4.5 items-center justify-center rounded"
     fill="currentColor"
   >
     <path
@@ -52,10 +50,6 @@ export default defineComponent({
       type: String as PropType<"loading" | "idle">,
       default: "idle",
     },
-    autoResize: {
-      type: Boolean,
-      default: true,
-    },
   },
   setup() {
     const prefersReducedMotion = useReducedMotion()

frontend/test/playwright/playwright.config.ts

@@ -45,12 +45,6 @@ const config: PlaywrightTestConfig = {
    * Playwright default of using 1/2 of the number of CPU cores continues to work otherwise.
    */
   workers: UPDATE_TAPES === "true" ? 1 : undefined,
-  expect: {
-    toMatchSnapshot: {
-      // If the visual regression tests are flaky, we can increase this to 0.1 or 0.2.
-      maxDiffPixelRatio: 0.01,
-    },
-  },
 }
 
 export default config