diff --git a/frontend/src/themes/base.scss b/frontend/src/themes/base.scss index af3e9472af..b4fc0d5363 100644 --- a/frontend/src/themes/base.scss +++ b/frontend/src/themes/base.scss @@ -122,7 +122,7 @@ @apply text-lg font-semibold my-2; } .examples_table_holder { - @apply overflow-x-auto mt-4; + @apply overflow-x-auto mt-4 inline-block max-w-full; } .examples_table_holder:not(.gallery) .examples_table { @apply table-auto p-2 bg-gray-50 dark:bg-gray-600 rounded max-w-full border-collapse; @@ -184,10 +184,10 @@ /* Input Components */ .input_text { textarea { - @apply w-full rounded box-border p-2 resize-none; + @apply w-full rounded box-border p-2 resize-none focus:outline-none; } input { - @apply w-full rounded box-border p-2; + @apply w-full rounded box-border p-2 focus:outline-none; } .interpretation { .interpretation_box { @@ -197,7 +197,7 @@ } .input_number { input { - @apply w-full rounded box-border p-2; + @apply w-full rounded box-border p-2 focus:outline-none; } .interpretation { @apply flex h-6; diff --git a/frontend/src/themes/grass.scss b/frontend/src/themes/grass.scss index 70290ed8a5..a32d560067 100644 --- a/frontend/src/themes/grass.scss +++ b/frontend/src/themes/grass.scss @@ -40,12 +40,12 @@ .input_text { textarea, input { - @apply rounded-none dark:bg-gray-700 dark:text-gray-50 box-border border-4 p-2 border-white dark:border-gray-600 focus:border-green-400 dark:focus:border-green-400 focus:outline-none; + @apply rounded-none dark:bg-gray-700 dark:text-gray-50 box-border border-4 p-2 border-white dark:border-gray-600 focus:border-green-400 dark:focus:border-green-400; } } .input_number { input { - @apply rounded-none dark:bg-gray-700 dark:text-gray-50 box-border border-4 p-2 border-white dark:border-gray-600 focus:border-green-400 dark:focus:border-green-400 focus:outline-none; + @apply rounded-none dark:bg-gray-700 dark:text-gray-50 box-border border-4 p-2 border-white dark:border-gray-600 focus:border-green-400 dark:focus:border-green-400; } } .input_slider { diff --git a/frontend/src/themes/peach.scss b/frontend/src/themes/peach.scss index 2e5bbdd3a0..23bb38e227 100644 --- a/frontend/src/themes/peach.scss +++ b/frontend/src/themes/peach.scss @@ -41,12 +41,12 @@ .input_text { textarea, input { - @apply rounded-lg bg-gray-50 dark:bg-gray-700 dark:text-gray-50 focus:outline-none focus:bg-gray-100; + @apply rounded-lg bg-gray-50 dark:bg-gray-700 dark:text-gray-50; } } .input_number { input { - @apply rounded-lg bg-gray-50 dark:bg-gray-700 dark:text-gray-50 focus:outline-none focus:bg-gray-100; + @apply rounded-lg bg-gray-50 dark:bg-gray-700 dark:text-gray-50; } } .input_slider {