fix: logo -d

fictionco · Sep 10, 2024 · b164824 · b164824
1 parent 0f820f4
commit b164824
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 24 deletions.
diff --git a/@fiction/ui/brand/FictionLogo.vue b/@fiction/ui/brand/FictionLogo.vue
@@ -14,9 +14,9 @@ function doHoverAnimation() {
 </script>
 
 <template>
-  <div :id="randomId" class="spinner w-full h-full " @mouseenter="doHoverAnimation()">
+  <div :id="randomId" class="spinner h-full " @mouseenter="doHoverAnimation()">
     <svg
-      class="main-logo w-full h-full"
+      class="main-logo h-full"
       viewBox="0 0 488 122"
       fill="none"
       xmlns="http://www.w3.org/2000/svg"

diff --git a/@fiction/ui/media/XLogo.vue b/@fiction/ui/media/XLogo.vue
@@ -129,12 +129,7 @@ const isSvgContent = vue.computed(() => {
 <template>
   <div ref="containerRef" :class="containerClass">
     <template v-if="mediaFormat === 'image' || mediaFormat === 'url'">
-      <img
-        v-if="media.url"
-        :src="media.url"
-        :alt="alt || media.alt"
-        :class="contentClass"
-      >
+      <img v-if="media.url" :src="media.url" :alt="alt || media.alt" :class="contentClass">
     </template>
 
     <template v-else-if="mediaFormat === 'html'">
@@ -149,11 +144,7 @@ const isSvgContent = vue.computed(() => {
     </template>
 
     <template v-else-if="mediaFormat === 'typography'">
-      <div
-        ref="textRef"
-        class="whitespace-nowrap h-full"
-        :style="typographyStyle"
-      >
+      <div ref="textRef" class="whitespace-nowrap h-full" :style="typographyStyle">
         {{ media.typography?.text }}
       </div>
     </template>
@@ -163,22 +154,13 @@ const isSvgContent = vue.computed(() => {
     </template>
 
     <template v-else-if="mediaFormat === 'video'">
-      <video
-        :src="media.url"
-        :class="contentClass"
-        controls
-        playsinline
-      >
+      <video :src="media.url" :class="contentClass" controls playsinline>
         Your browser does not support the video tag.
       </video>
     </template>
 
     <template v-else-if="mediaFormat === 'component'">
-      <component
-        :is="media.el"
-        v-bind="media"
-        :class="contentClass"
-      />
+      <component :is="media.el" v-bind="media" :class="contentClass" />
     </template>
 
     <template v-else>