admin/nexus-terminal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Baobhan Sith
2025-04-25 09:16:49 +08:00
parent a246ffba83
commit cfa65ecc98
1 changed files with 6 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/frontend/src/components/StyleCustomizer.vue
+6 -9
View File
@@ -833,7 +833,7 @@ const handleFocusAndSelect = (event: FocusEvent) => {
@click="currentTab = 'ui'" @click="currentTab = 'ui'"
:class="[ :class="[
'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary', 'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary',
{ 'bg-button text-button-text font-bold': currentTab === 'ui' } { '!bg-button !text-button-text !font-bold': currentTab === 'ui' } /* Added !important */
]" ]"
> >
{{ t('styleCustomizer.uiStyles') }} {{ t('styleCustomizer.uiStyles') }}
@@ -842,7 +842,7 @@ const handleFocusAndSelect = (event: FocusEvent) => {
@click="currentTab = 'terminal'" @click="currentTab = 'terminal'"
:class="[ :class="[
'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary', 'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary',
{ 'bg-button text-button-text font-bold': currentTab === 'terminal' && !isEditingTheme } { '!bg-button !text-button-text !font-bold': currentTab === 'terminal' && !isEditingTheme } /* Added !important */
]" ]"
:disabled="isEditingTheme" :disabled="isEditingTheme"
> >
@@ -852,7 +852,7 @@ const handleFocusAndSelect = (event: FocusEvent) => {
@click="currentTab = 'background'" @click="currentTab = 'background'"
:class="[ :class="[
'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary', 'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary',
{ 'bg-button text-button-text font-bold': currentTab === 'background' } { '!bg-button !text-button-text !font-bold': currentTab === 'background' } /* Added !important */
]" ]"
:disabled="isEditingTheme" :disabled="isEditingTheme"
> >
@@ -862,7 +862,7 @@ const handleFocusAndSelect = (event: FocusEvent) => {
@click="currentTab = 'other'" @click="currentTab = 'other'"
:class="[ :class="[
'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary', 'block w-full px-3 py-[0.7rem] mb-2 text-left bg-transparent border border-transparent rounded cursor-pointer text-foreground text-[0.95rem] transition-colors duration-200 ease-in-out hover:bg-black/5 disabled:opacity-50 disabled:cursor-not-allowed disabled:bg-transparent disabled:text-text-secondary',
{ 'bg-button text-button-text font-bold': currentTab === 'other' } { '!bg-button !text-button-text !font-bold': currentTab === 'other' } /* Added !important */
]" ]"
:disabled="isEditingTheme" :disabled="isEditingTheme"
> >
@@ -899,9 +899,9 @@ const handleFocusAndSelect = (event: FocusEvent) => {
v-if="typeof value === 'string' && (value.startsWith('#') || value.startsWith('rgb') || value.startsWith('hsl'))" v-if="typeof value === 'string' && (value.startsWith('#') || value.startsWith('rgb') || value.startsWith('hsl'))"
type="text" type="text"
:value="editableUiTheme[key]" :value="editableUiTheme[key]"
readonly class="flex-grow min-w-[80px] bg-background cursor-text border border-border px-[0.7rem] py-2 rounded text-sm text-foreground w-full box-border transition duration-200 ease-in-out focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
class="flex-grow min-w-[80px] bg-header cursor-text border border-border px-[0.7rem] py-2 rounded text-sm text-foreground w-full box-border transition duration-200 ease-in-out focus:border-primary focus:outline-none focus:ring-1 focus:ring-primary"
@focus="handleFocusAndSelect" @focus="handleFocusAndSelect"
@input="editableUiTheme[key] = ($event.target as HTMLInputElement).value"
/> />
<!-- Fallback for non-color values --> <!-- Fallback for non-color values -->
<input <input
@@ -1147,6 +1147,3 @@ const handleFocusAndSelect = (event: FocusEvent) => {
</div> </div>
</template> </template>
<style scoped>
</style>