natty
/
calckey
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

wip

This commit is contained in:
syuilo 2020-07-04 18:28:57 +09:00
parent 1fd345f563
commit 83e1068da3
6 changed files with 11 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/client/app.vue
View File

@ -911,7 +911,6 @@ export default Vue.extend({
> main {
width: $main-width;
min-width: $main-width;
box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider);
@media (max-width: $side-hide-threshold) {
min-width: 0;
@ -926,10 +925,6 @@ export default Vue.extend({
padding: var(--margin) 0;
}
&:not(.naked) {
background: var(--pageBg);
}
&.naked {
background: var(--bg);
}
@ -970,9 +965,7 @@ export default Vue.extend({
> .widgets {
box-sizing: border-box;
margin-left: var(--margin);
background: var(--pageBg);
box-shadow: 1px 0 0 0 var(--divider),-1px 0 0 0 var(--divider);
margin: 0 var(--margin);
@media (max-width: $side-hide-threshold) {
display: none;
@ -982,7 +975,9 @@ export default Vue.extend({
position: sticky;
top: $header-height;
height: calc(100vh - #{$header-height});
padding: 0 var(--margin);
overflow: auto;
box-shadow: 1px 0 0 0 var(--divider), -1px 0 0 0 var(--divider);
> * {
margin: var(--margin) 0;

7
src/client/components/notifications.vue
View File

@ -87,13 +87,6 @@ export default Vue.extend({
<style lang="scss" scoped>
.mfcuwfyp {
> .notifications {
> ::v-deep * {
//margin-bottom: var(--margin);
margin-bottom: 0;
}
}
> .empty {
margin: 0;
padding: 16px;

6
src/client/pages/my-groups/index.vue
View File

@ -8,7 +8,7 @@
<mk-container :body-togglable="true">
<template #header><fa :icon="faUsers"/> {{ $t('ownedGroups') }}</template>
<mk-pagination :pagination="ownedPagination" #default="{items}" ref="owned">
<div class="_frame" v-for="group in items" :key="group.id">
<div class="_card" v-for="group in items" :key="group.id">
<div class="_title"><router-link :to="`/my/groups/${ group.id }`" class="_link">{{ group.name }}</router-link></div>
<div class="_content"><mk-avatars :user-ids="group.userIds"/></div>
</div>
@ -18,7 +18,7 @@
<mk-container :body-togglable="true">
<template #header><fa :icon="faEnvelopeOpenText"/> {{ $t('invites') }}</template>
<mk-pagination :pagination="invitationPagination" #default="{items}" ref="invitations">
<div class="_frame" v-for="invitation in items" :key="invitation.id">
<div class="_card" v-for="invitation in items" :key="invitation.id">
<div class="_title">{{ invitation.group.name }}</div>
<div class="_content"><mk-avatars :user-ids="invitation.group.userIds"/></div>
<div class="_footer">
@ -32,7 +32,7 @@
<mk-container :body-togglable="true">
<template #header><fa :icon="faUsers"/> {{ $t('joinedGroups') }}</template>
<mk-pagination :pagination="joinedPagination" #default="{items}" ref="joined">
<div class="_frame" v-for="group in items" :key="group.id">
<div class="_card" v-for="group in items" :key="group.id">
<div class="_title">{{ group.name }}</div>
<div class="_content"><mk-avatars :user-ids="group.userIds"/></div>
</div>

31
src/client/style.scss
View File

@ -278,8 +278,12 @@ hr {
._panel {
position: relative;
background: var(--panel);
border-radius: var(--radius);
._panel {
box-shadow: 0 1px 0 0 var(--divider), 0 -1px 0 0 var(--divider);
}
}
.__panelButton {
display: flex;
@ -374,33 +378,6 @@ hr {
}
}
._frame {
position: relative;
border: solid 1px var(--divider);
border-radius: var(--radius);
margin: var(--margin);
> ._title {
margin: 0;
padding: 16px;
border-bottom: solid 1px var(--divider);
font-weight: bold;
}
> ._content {
padding: 16px;
& + ._content {
border-top: solid 1px var(--divider);
}
}
> ._footer {
border-top: solid 1px var(--divider);
padding: 16px;
}
}
._fullinfo {
padding: 32px;
text-align: center;

1
src/client/themes/_dark.json5
View File

@ -20,7 +20,6 @@
panel: '#000',
shadow: 'rgba(0, 0, 0, 0.1)',
header: 'rgba(20, 20, 20, 0.75)',
pageBg: ':lighten<5<@bg',
navBg: '@panel',
navFg: '@fg',
navHoverFg: ':lighten<17<@fg',

1
src/client/themes/_light.json5
View File

@ -20,7 +20,6 @@
panel: '#fff',
shadow: 'rgba(0, 0, 0, 0.1)',
header: 'rgba(255, 255, 255, 0.75)',
pageBg: '@bg',
navBg: '@panel',
navFg: '@fg',
navHoverFg: ':darken<17<@fg',