This commit is contained in:
syuilo 2021-08-07 16:12:42 +09:00
parent acbcd3ea5c
commit c8fdf5a1d6
12 changed files with 13 additions and 23 deletions

View file

@ -10,7 +10,7 @@
<template #header>{{ $ts.selectUser }}</template> <template #header>{{ $ts.selectUser }}</template>
<div class="tbhwbxda _monolithic_"> <div class="tbhwbxda _monolithic_">
<div class="_section"> <div class="_section">
<div class="inputs"> <div class="_inputSplit _inputNoTopMargin _inputNoBottomMargin">
<MkInput v-model="username" class="input" @update:modelValue="search" ref="username"> <MkInput v-model="username" class="input" @update:modelValue="search" ref="username">
<template #label>{{ $ts.username }}</template> <template #label>{{ $ts.username }}</template>
<template #prefix>@</template> <template #prefix>@</template>
@ -144,14 +144,6 @@ export default defineComponent({
padding: 0; padding: 0;
} }
> .inputs {
> .input {
display: inline-block;
width: 50%;
margin: 0;
}
}
> .users { > .users {
flex: 1; flex: 1;
overflow: auto; overflow: auto;

View file

@ -1,9 +1,8 @@
<template> <template>
<div class="vtaihdtm"> <div class="vtaihdtm">
<div class="search"> <div class="search">
<MkInput v-model="query" :debounce="true" type="search" class="_inputNoTopMargin _inputNoBottomMargin"> <MkInput v-model="query" :debounce="true" type="search" class="_inputNoTopMargin _inputNoBottomMargin" :placeholder="$ts.search">
<template #prefix><i class="fas fa-search"></i></template> <template #prefix><i class="fas fa-search"></i></template>
<template #label>{{ $ts.search }}</template>
</MkInput> </MkInput>
</div> </div>
<MkFolder> <MkFolder>

View file

@ -1,9 +1,8 @@
<template> <template>
<div class="driuhtrh"> <div class="driuhtrh">
<div class="query"> <div class="query">
<MkInput v-model="q" class="_inputNoTopMargin _inputNoBottomMargin"> <MkInput v-model="q" class="_inputNoTopMargin _inputNoBottomMargin" :placeholder="$ts.search">
<template #prefix><i class="fas fa-search"></i></template> <template #prefix><i class="fas fa-search"></i></template>
<template #label>{{ $ts.search }}</template>
</MkInput> </MkInput>
</div> </div>
@ -102,7 +101,6 @@ export default defineComponent({
> .query { > .query {
background: var(--bg); background: var(--bg);
padding: 16px; padding: 16px;
border-bottom: solid 0.5px var(--divider);
} }
> .emojis { > .emojis {

View file

@ -169,7 +169,6 @@ export default defineComponent({
> .query { > .query {
background: var(--bg); background: var(--bg);
padding: 16px; padding: 16px;
border-bottom: solid 0.5px var(--divider);
} }
} }

View file

@ -29,7 +29,7 @@
<button class="_buttonPrimary" @click="onIndicatorClick"><i class="fas fa-arrow-circle-down"></i>{{ $ts.newMessageExists }}</button> <button class="_buttonPrimary" @click="onIndicatorClick"><i class="fas fa-arrow-circle-down"></i>{{ $ts.newMessageExists }}</button>
</div> </div>
</transition> </transition>
<XForm v-if="!fetching" :user="user" :group="group" ref="form"/> <XForm v-if="!fetching" :user="user" :group="group" ref="form" class="form"/>
</footer> </footer>
</div> </div>
</div> </div>
@ -452,6 +452,10 @@ export default Component;
} }
} }
} }
> .form {
border-top: solid 0.5px var(--divider);
}
} }
} }

View file

@ -403,7 +403,7 @@ hr {
._inputSplit { ._inputSplit {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
grid-gap: 8px; grid-gap: 8px;
margin: 1em 0; margin: 1em 0;

View file

@ -59,7 +59,7 @@
driveFolderBg: ':alpha<0.3<@accent', driveFolderBg: ':alpha<0.3<@accent',
wallpaperOverlay: 'rgba(0, 0, 0, 0.5)', wallpaperOverlay: 'rgba(0, 0, 0, 0.5)',
badge: '#31b1ce', badge: '#31b1ce',
messageBg: ':lighten<5<@bg', messageBg: '@bg',
success: '#86b300', success: '#86b300',
error: '#ec4137', error: '#ec4137',
warn: '#ecb637', warn: '#ecb637',

View file

@ -59,7 +59,7 @@
driveFolderBg: ':alpha<0.3<@accent', driveFolderBg: ':alpha<0.3<@accent',
wallpaperOverlay: 'rgba(255, 255, 255, 0.5)', wallpaperOverlay: 'rgba(255, 255, 255, 0.5)',
badge: '#31b1ce', badge: '#31b1ce',
messageBg: '@panel', messageBg: '@bg',
success: '#86b300', success: '#86b300',
error: '#ec4137', error: '#ec4137',
warn: '#ecb637', warn: '#ecb637',

View file

@ -32,7 +32,7 @@
cwHoverBg: '#707b97', cwHoverBg: '#707b97',
indicator: '@accent', indicator: '@accent',
mentionMe: '#fb5d38', mentionMe: '#fb5d38',
messageBg: ':lighten<5<@bg', messageBg: '@bg',
navActive: '@accent', navActive: '@accent',
infoWarnBg: '#42321c', infoWarnBg: '#42321c',
infoWarnFg: '#ffbd3e', infoWarnFg: '#ffbd3e',

View file

@ -13,6 +13,5 @@
panelHeaderDivider: '@divider', panelHeaderDivider: '@divider',
shadow: 'rgba(255, 255, 255, 0.05)', shadow: 'rgba(255, 255, 255, 0.05)',
modalBg: 'rgba(255, 255, 255, 0.1)', modalBg: 'rgba(255, 255, 255, 0.1)',
messageBg: '#1d1d1d',
}, },
} }

View file

@ -15,6 +15,5 @@
navBg: '#fff', navBg: '#fff',
panel: '#fff', panel: '#fff',
panelHeaderDivider: '@divider', panelHeaderDivider: '@divider',
messageBg: '#dedede',
}, },
} }

View file

@ -35,7 +35,7 @@
cwHoverBg: '#bbc4ce', cwHoverBg: '#bbc4ce',
indicator: '@accent', indicator: '@accent',
mentionMe: '@mention', mentionMe: '@mention',
messageBg: '@panel', messageBg: '@bg',
navActive: '@accent', navActive: '@accent',
infoWarnBg: '#fff0db', infoWarnBg: '#fff0db',
infoWarnFg: '#573c08', infoWarnFg: '#573c08',