mirror of
https://iceshrimp.dev/limepotato/jormungandr-bite.git
synced 2024-11-14 14:07:38 -07:00
🎨
This commit is contained in:
parent
acbcd3ea5c
commit
c8fdf5a1d6
12 changed files with 13 additions and 23 deletions
|
@ -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;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
||||||
|
|
|
@ -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',
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
@ -15,6 +15,5 @@
|
||||||
navBg: '#fff',
|
navBg: '#fff',
|
||||||
panel: '#fff',
|
panel: '#fff',
|
||||||
panelHeaderDivider: '@divider',
|
panelHeaderDivider: '@divider',
|
||||||
messageBg: '#dedede',
|
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|
|
@ -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',
|
||||||
|
|
Loading…
Reference in a new issue