change icon and others

This commit is contained in:
Julian Freeman
2026-02-22 18:27:50 -04:00
parent 786dec41e4
commit 74fe954478
56 changed files with 17 additions and 8 deletions

View File

@@ -239,7 +239,7 @@ const translate = async () => {
<div class="flex-1 flex flex-col min-h-0 relative">
<div class="flex items-center gap-3 px-6 py-3 border-b dark:border-slate-800 bg-slate-50/50 dark:bg-slate-800/30 relative z-40">
<!-- Custom Source Dropdown -->
<div class="relative lang-dropdown min-w-[120px]">
<div class="relative lang-dropdown min-w-30">
<button
@click.stop="toggleDropdown('source')"
class="flex items-center gap-2 px-3 py-1.5 rounded-lg hover:bg-slate-200/60 dark:hover:bg-slate-700/60 transition-colors text-sm font-semibold text-slate-700 dark:text-slate-200 w-full justify-between group"
@@ -259,7 +259,7 @@ const translate = async () => {
>
<div
v-if="sourceDropdownOpen"
class="absolute left-0 mt-2 w-56 max-h-80 overflow-y-auto bg-white dark:bg-slate-800 rounded-xl shadow-xl border border-slate-200 dark:border-slate-700 z-50 py-2 py-1 flex flex-col custom-scrollbar"
class="absolute left-0 mt-2 w-56 max-h-80 overflow-y-auto bg-white dark:bg-slate-800 rounded-xl shadow-xl border border-slate-200 dark:border-slate-700 z-50 py-2 flex flex-col custom-scrollbar"
>
<button
v-for="lang in LANGUAGES"
@@ -308,7 +308,7 @@ const translate = async () => {
<div class="flex-1 flex flex-col min-h-0 bg-slate-50/30 dark:bg-slate-900/50 relative">
<div class="flex items-center gap-3 px-6 py-3 border-b dark:border-slate-800 bg-slate-50/50 dark:bg-slate-800/30 relative z-40">
<!-- Custom Target Dropdown -->
<div class="relative lang-dropdown min-w-[120px]">
<div class="relative lang-dropdown min-w-30">
<button
@click.stop="toggleDropdown('target')"
class="flex items-center gap-2 px-3 py-1.5 rounded-lg hover:bg-slate-200/60 dark:hover:bg-slate-700/60 transition-colors text-sm font-semibold text-slate-700 dark:text-slate-200 w-full justify-between"