Display: Fix styles for autocomplete, buttons and cards components

chamilo · Dec 11, 2024 · 6c89a9e · 6c89a9e
1 parent e6c35ab
commit 6c89a9e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/assets/css/scss/atoms/_autocomplete.scss b/assets/css/scss/atoms/_autocomplete.scss
@@ -92,7 +92,7 @@
     @apply cursor-default inline-flex items-center flex-initial;
 
     &-icon {
-      @apply cursor-pointer;
+      @apply cursor-pointer inline-flex;
     }
   }
 

diff --git a/assets/css/scss/atoms/_buttons.scss b/assets/css/scss/atoms/_buttons.scss
@@ -53,7 +53,7 @@
 
     &:hover,
     &:focus {
-      @apply bg-gray-30 border-gray-30 text-white;
+      @apply bg-gray-90 border-gray-90 text-white;
     }
   }
 
@@ -170,7 +170,7 @@ $border-color_12: #9333EA;
   $textColor: 'white';
 
   @if('warning' == $color) {
-    $textColor: 'gray-30';
+    $textColor: 'gray-90';
   }
 
   @apply bg-#{$color} text-#{$textColor};
@@ -199,7 +199,7 @@ $border-color_12: #9333EA;
       @if ('warning' == $color) {
         @apply bg-#{$color} border-#{$color} text-gray-90;
       } @else if('black' == $color) {
-        @apply bg-gray-30 border-gray-30 text-white;
+        @apply bg-gray-90 border-gray-90 text-white;
       } @else {
         @apply bg-#{$color} border-#{$color} text-white;
       }
@@ -326,7 +326,7 @@ $border-color_12: #9333EA;
 
 // plain button
 .p-button.p-button-plain {
-  @include filled-style('gray-30', 'black');
+  @include filled-style('gray-90', 'black');
 
   &.p-button-outlined {
     @include outlined-style('black');
@@ -339,7 +339,7 @@ $border-color_12: #9333EA;
 
 .p-buttonset.p-button-plain {
   > .p-button {
-    @include filled-style('gray-30', 'black');
+    @include filled-style('gray-90', 'black');
 
     &.p-button-outlined {
       @include outlined-style('black');

diff --git a/assets/css/scss/organisms/_cards.scss b/assets/css/scss/organisms/_cards.scss
@@ -1,5 +1,5 @@
 .p-card {
-  @apply rounded-lg shadow-lg;
+  @apply rounded-lg bg-white drop-shadow-lg;
 
   .p-card-body {
     @apply flex flex-col space-y-4 p-4;