Nixyri/AntimatterDimensionsSourceCode
1
0
Fork 0
mirror of https://github.com/IvarK/AntimatterDimensionsSourceCode.git synced 2024-11-25 05:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Theming mato selector dropdown

Browse Source 
Also support metro border for command buttons
This commit is contained in:
Hirame1 2022-06-22 20:52:29 +07:00
parent 8a6987f945
commit 4087b66031
4 changed files with 29 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/stylesheets/automator.css
View File

@ -186,12 +186,6 @@
right: 0;
}
.l-automator__rename-input {
width: 90%;
height: 90%;
padding: 0.1rem;
}
.c-automator-editor__active-line {
background: var(--color-automator-active-line-background);
outline: 0.1rem solid var(--color-automator-active-line-outline);

2
src/components/tabs/automator/AutomatorButton.vue
View File

@ -15,7 +15,7 @@ export default {
.c-automator__button {
width: 3.3rem;
border: 0.2rem solid var(--color-automator-controls-border);
border-radius: 0.3rem;
border-radius: var(--var-border-radius, 0.3rem);
margin: 0.4rem;
cursor: pointer;
color: var(--color-automator-docs-font);

31
src/components/tabs/automator/AutomatorDocs.vue
View File

@ -233,7 +233,7 @@ export default {
<div class="l-automator__script-names">
<template v-if="!editingName">
<select
class="l-automator__scripts-dropdown"
class="l-automator__scripts-dropdown c-automator__scripts-dropdown"
@input="onScriptDropdown"
>
<option
@ -257,7 +257,7 @@ export default {
<input
v-else
ref="renameInput"
class="l-automator__rename-input"
class="l-automator__rename-input c-automator__rename-input"
@blur="nameEdited"
@keyup.enter="$refs.renameInput.blur()"
>
@ -297,13 +297,34 @@ export default {
.l-automator__scripts-dropdown {
width: 90%;
height: 90%;
border-width: 0.1rem;
border-radius: 0;
height: 2.333rem;
border: 0.2rem solid var(--color-automator-controls-border);
border-radius: var(--var-border-radius, 0.3rem);
margin: 0.4rem;
padding: 0.2rem 0 0.3rem;
}
.c-automator__scripts-dropdown {
font-size: 1.2rem;
color: var(--color-automator-docs-font);
background-color: var(--color-automator-controls-inactive);
}
.l-automator__rename-input {
font-size: 1.2rem;
width: 100%;
height: 2.333rem;
border: 0.2rem solid var(--color-reality-light);
border-radius: var(--var-border-radius, 0.3rem);
margin: 0.4rem;
padding: 0.4rem;
}
.c-automator__rename-input {
color: var(--color-automator-docs-font);
background-color: var(--color-automator-controls-active);
}
.c-automator__button--active {
background-color: var(--color-automator-controls-active);
border-color: var(--color-reality-light);

4
src/components/tabs/automator/AutomatorModeSwitch.vue
View File

@ -119,7 +119,7 @@ export default {
color: var(--color-automator-docs-font);
background-color: #626262;
border: 0.2rem solid #767676;
border-radius: 0.2rem;
border-radius: var(--var-border-radius, 0.3rem);
margin: 0.2rem 0.4rem 0.2rem auto;
padding: 0.3rem 0;
cursor: pointer;
@ -140,7 +140,7 @@ export default {
left: 0;
z-index: 0;
background-color: var(--color-automator-controls-inactive);
border-radius: 0.2rem;
border-radius: var(--var-border-radius, 0.3rem);
transition: 0.3s ease all;
}