chore: add more transition state

netwerk-digitaal-erfgoed · Aug 12, 2024 · ffefaf2 · ffefaf2
1 parent d737ead
commit ffefaf2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/nuxt/components/Atoms/Button.vue b/nuxt/components/Atoms/Button.vue
@@ -28,6 +28,7 @@ const classes = computed(() => {
   padding: var(--space-4) var(--space-8);
   border-radius: var(--space-2);
   cursor: pointer;
+  transition: var(--transition-state);
   user-select: none;
 
   &:disabled {

diff --git a/nuxt/components/Molecules/Form/Upload.vue b/nuxt/components/Molecules/Form/Upload.vue
@@ -133,6 +133,7 @@ const clearInput = () => {
     flex-wrap: nowrap;
     align-items: center;
     gap: var(--space-8);
+    transition: var(--transition-state);
 
     &.file {
       justify-content: space-between;
@@ -161,6 +162,7 @@ const clearInput = () => {
       .icon {
         height: 1.25em;
         z-index: 2;
+        transition: var(--transition-state);
 
         &:hover {
           color: var(--blues-blue);