diff --git a/src/components/InputSelect/PdapInputSelect.vue b/src/components/InputSelect/PdapInputSelect.vue index 4cbe3e2..c32c575 100644 --- a/src/components/InputSelect/PdapInputSelect.vue +++ b/src/components/InputSelect/PdapInputSelect.vue @@ -261,7 +261,7 @@ watch( } .pdap-custom-select-option { - @apply text-neutral-950 dark:text-neutral-50 p-2 w-full max-w-full cursor-pointer border-2 border-solid; + @apply text-neutral-950 dark:text-neutral-50 p-2 w-full max-w-full cursor-pointer border-2 border-solid border-transparent; } .pdap-custom-select:focus, diff --git a/src/styles/base.css b/src/styles/base.css index 5da00ef..c3ebd96 100644 --- a/src/styles/base.css +++ b/src/styles/base.css @@ -137,4 +137,15 @@ pre code { @apply block border-[1px] border-opacity-20 border-solid border-brand-wine max-w-full overflow-scroll p-5 text-left text-xl whitespace-pre; } + + *:focus, + *:focus-visible { + @apply border-2 border-brand-gold-500 border-solid outline-none; + } + + button, + a, + [role="button"] { + @apply border-2 border-transparent border-solid outline-none; + } }