feat: description collapsible

src/components/newtab/workflow/WorkflowDetailsCard.vue

@@ -39,7 +39,12 @@
       <p class="font-semibold mt-1 text-overflow text-lg leading-tight">
         {{ workflow.name }}
       </p>
-      <p class="line-clamp leading-tight">
+      <p
+        class="leading-tight cursor-pointer"
+        :class="descriptionCollapsed ? 'line-clamp' : null"
+        @click="descriptionCollapsed = !descriptionCollapsed"
+      >
+        <!-- description here -->
         {{ workflow.description }}
       </p>
     </div>
@@ -166,6 +171,8 @@ const categoriesExpand = Object.keys(categories).reduce((acc, key) => {
   return acc;
 }, {});
 
+const descriptionCollapsed = ref(true);
+
 const query = ref('');
 const expandList = ref(categoriesExpand);
 

src/newtab/App.vue

@@ -356,7 +356,7 @@ window.addEventListener('storage', ({ key, newValue }) => {
 <style>
 html,
 body {
-  @apply bg-gray-50 dark: bg-gray-900 text-black dark:text-gray-100;
+  @apply bg-gray-50 dark:bg-gray-900 text-black dark:text-gray-100;
 }
 
 body {
@@ -370,6 +370,6 @@ body {
 h1,
 h2,
 h3 {
-  @apply dark: text-white;
+  @apply dark:text-white;
 }
 </style>