Merge pull request #251 from devforth/AdminForth/687

fix: Add active state to AFCL button component

Author: SerVitasik

adminforth/spa/src/afcl/Button.vue

@@ -5,9 +5,8 @@
     class="afcl-button flex items-center justify-center gap-1 text-lightPrimaryContrast bg-lightPrimary dark:bg-darkPrimary hover:brightness-110 
       focus:ring-4 focus:outline-none focus:ring-lightPrimary focus:ring-opacity-50 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:focus:ring-darkPrimary dark:focus:ring-opacity-50"
     :class="{
-      'cursor-default': props.disabled,
-      'opacity-50': props.disabled,
-      'pointer-events-none': props.disabled,
+      'cursor-default opacity-50 pointer-events-none': props.disabled,
+      'active brightness-200 hover:brightness-150'  : props.active
     }"
   >
     <svg v-if="props.loader"
@@ -22,6 +21,7 @@
 const props = defineProps({
   loader: Boolean,
   disabled: Boolean,
+  active: Boolean,
 });
 
 </script>