address feedback

docs/.vitepress/theme/components/BetaStatus.vue

@@ -10,7 +10,7 @@ const href = null
 
 <template>
   <a :href="href" target="_blank"
-    class="text-sm inline-flex items-center rounded !text-white no-underline px-2 py-1 leading-none bg-gray-700" title="This feature is not stable yet and the API might suffer changes until a stable version is published.">
+    class="text-sm inline-flex items-center rounded !text-white !no-underline px-2 py-1 leading-none bg-gray-700" title="This feature is not stable yet and the API might suffer changes until a stable version is published.">
     <BeakerIcon class="h-4 inline mr-1" /> {{label}}
   </a>
 </template>

docs/.vitepress/theme/components/Demo.vue

@@ -11,7 +11,7 @@ const props = defineProps({
   <a :href="link"
     target="_blank"
     v-if="link"
-    class="text-sm inline-flex items-center rounded hite no-underline px-2 py-1 leading-none border dark:border-white border-gray-900 hover:bg-gray-900 !text-gray-900 dark:!text-white hover:!text-white dark:hover:bg-white dark:hover:!text-gray-900"
+    class="text-sm inline-flex items-center rounded !no-underline px-2 py-1 leading-none border dark:border-white border-gray-900 hover:bg-gray-900 !text-gray-900 dark:!text-white hover:!text-white dark:hover:bg-white dark:hover:!text-gray-900"
   >
     <WrenchScrewdriverIcon class="h-4 inline mr-1 dark:stroke-white hover:dark:stroke-white" /> Experience the demo
   </a>

docs/.vitepress/theme/components/DemoVideo.vue

@@ -11,7 +11,7 @@ const props = defineProps({
   <a :href="demoVideo"
     target="_blank"
     v-if="demoVideo"
-    class="text-sm inline-flex items-center rounded hite no-underline px-2 py-1 leading-none border dark:border-white border-gray-900 hover:bg-gray-900 !text-gray-900 dark:!text-white hover:!text-white dark:hover:bg-white dark:hover:!text-gray-900"
+    class="text-sm inline-flex items-center rounded !no-underline px-2 py-1 leading-none border dark:border-white border-gray-900 hover:bg-gray-900 !text-gray-900 dark:!text-white hover:!text-white dark:hover:bg-white dark:hover:!text-gray-900"
   >
     <MonitorPlayIcon class="h-4 inline mr-1 dark:stroke-white" /> Watch the demo video
   </a>

docs/.vitepress/theme/components/FeedbackPill.vue

@@ -11,5 +11,5 @@ const label = props.label || "Send feedback about this feature"
 </script>
 
 <template>
-  <a :href="href" target="_blank" class="text-sm inline-flex items-center rounded bg-[#055085] hover:bg-[#033c63] !text-white no-underline px-2 py-1 leading-none"><ChatBubbleBottomCenterIcon class="h-4 inline mr-1" /> {{label}}</a>
+  <a :href="href" target="_blank" class="text-sm inline-flex items-center rounded bg-[#055085] hover:bg-[#033c63] !text-white !no-underline px-2 py-1 leading-none"><ChatBubbleBottomCenterIcon class="h-4 inline mr-1" /> {{label}}</a>
 </template>

docs/.vitepress/theme/components/LicenseReq.vue

@@ -27,7 +27,7 @@ const label = computed(() => labels[license.value]);
     :href="href"
     target="_blank"
     :title="title"
-    class="inline-flex items-center rounded no-underline leading-none !text-white"
+    class="inline-flex items-center rounded !no-underline leading-none !text-white"
     :class="{
       'bg-green-500 hover:bg-green-600': license == 'community',
       'bg-blue-500 hover:bg-blue-600': license == 'pro',

docs/.vitepress/theme/components/VersionReq.vue

@@ -27,7 +27,7 @@ const title = computed(() => version.value === "unreleased" ? "This feature hasn
   <a :href="href"
     target="_blank"
     :title="title"
-    class="text-sm inline-flex items-center rounded !text-white no-underline px-2 py-1 leading-none bg-gray-500">
+    class="text-sm inline-flex items-center rounded !text-white !no-underline px-2 py-1 leading-none bg-gray-500">
     <InformationCircleIcon class="h-4 inline mr-1" /> {{label}}
   </a>
 </template>

docs/3.0/actions.md

@@ -5,14 +5,15 @@ feedbackId: 837
 
 # Actions
 
+<DemoVideo demo-video="https://youtu.be/BK47E7TMXn0?t=778" />
+
 Avo actions allow you to perform specific tasks on one or more of your records.
 
 For example, you might want to mark a user as active/inactive and optionally send a message that may be customized by the person that wants to run the action.
 
 Once you attach an action to a resource using the `action` method inside the `actions` method, it will appear in the **Actions** dropdown. By default, actions appear on the `Index`, `Show`, and `Edit` views. Versions previous to 2.9 would only display the actions on the `Index` and `Show` views.
 
 ![Actions dropdown](/assets/img/actions/actions-dropdown.gif)
-
 :::info
 Since version <Version version="2.13" /> you may use the [customizable controls](./customizable-controls) feature to show the actions outside the dropdown.
 :::