chore: Misc cleanup

kiosion · Oct 3, 2023 · a1aa8f8 · a1aa8f8
1 parent a4875cc
commit a1aa8f8
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 63 deletions.
diff --git a/svelte-app/cypress/support/component-index.html b/svelte-app/cypress/support/component-index.html
diff --git a/svelte-app/cypress/support/component.ts b/svelte-app/cypress/support/component.ts
diff --git a/svelte-app/src/components/code-block.svelte b/svelte-app/src/components/code-block.svelte
@@ -118,24 +118,15 @@
 </svelte:head>
 
 <div
-  class="relative -mx-1 my-7 overflow-hidden rounded-sm border border-dark/40 duration-75 dark:border-light/40 {hovered
-    ? 'border-dark/60 dark:border-light/60'
-    : ''} transition-none"
+  class="relative -mx-1 my-7 overflow-hidden rounded-sm border border-dark/40 transition-none hover:border-dark/60 focus-visible:border-dark/60 dark:border-light/40 hover:dark:border-light/60 focus-visible:dark:border-light/60"
   role="group"
   aria-label={$t('Code block')}
   aria-labelledby={filename ? `${id}-filename` : undefined}
   bind:this={container}
-  on:mouseenter={() => (hovered = true)}
-  on:mouseleave={() => (hovered = false)}
-  on:focusin={() => (hovered = true)}
-  on:focusout={() => (hovered = false)}
-  on:blur={() => (hovered = false)}
 >
   {#if filename}
     <div
-      class="border-b border-dark/40 bg-dark/5 py-[13px] pl-5 font-mono text-base duration-75 dark:border-light/40 dark:bg-dark/40 {hovered
-        ? 'border-dark/60 dark:border-light/60'
-        : ''}"
+      class="border-b border-dark/30 bg-dark/5 py-[13px] pl-5 font-mono text-base transition-[background-color] dark:border-light/30 dark:bg-dark/40"
       id="{id}-filename"
     >
       {filename}

diff --git a/svelte-app/src/components/portable-text/serializers/custom-heading.svelte b/svelte-app/src/components/portable-text/serializers/custom-heading.svelte
@@ -34,7 +34,7 @@
 
 <style lang="scss">
   a {
-    @apply relative block w-fit rounded-sm font-extrabold;
+    @apply relative block w-full rounded-sm font-extrabold;
 
     &.h1 {
       @apply mb-6 mt-14;