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

🎨

This commit is contained in:
syuilo 2021-08-11 00:21:24 +09:00
parent 227f52d758
commit 4149c7782f
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/client/components/ui/button.vue
View File

@ -177,17 +177,8 @@ export default defineComponent({
} }
&:focus { &:focus {
&:after { outline: solid 2px var(--focus);
content: ""; outline-offset: 2px;
pointer-events: none;
position: absolute;
top: -5px;
right: -5px;
bottom: -5px;
left: -5px;
border: 2px solid var(--accentAlpha03);
border-radius: 10px;
}
} }
&.inline + .bghgjjyj { &.inline + .bghgjjyj {

13
src/client/pages/my-lists/index.vue
View File

@ -3,7 +3,10 @@
<MkButton @click="create" primary class="add"><i class="fas fa-plus"></i> {{ $ts.createList }}</MkButton> <MkButton @click="create" primary class="add"><i class="fas fa-plus"></i> {{ $ts.createList }}</MkButton>
<MkPagination :pagination="pagination" #default="{items}" class="lists _content" ref="list"> <MkPagination :pagination="pagination" #default="{items}" class="lists _content" ref="list">
<MkA v-for="(list, i) in items" :key="list.id" class="list _panel" :to="`/my/lists/${ list.id }`">{{ list.name }}</MkA> <MkA v-for="list in items" :key="list.id" class="list _panel" :to="`/my/lists/${ list.id }`">
<div class="name">{{ list.name }}</div>
<MkAvatars :user-ids="list.userIds"/>
</MkA>
</MkPagination> </MkPagination>
</div> </div>
</template> </template>
@ -12,6 +15,7 @@
import { defineComponent } from 'vue'; import { defineComponent } from 'vue';
import MkPagination from '@client/components/ui/pagination.vue'; import MkPagination from '@client/components/ui/pagination.vue';
import MkButton from '@client/components/ui/button.vue'; import MkButton from '@client/components/ui/button.vue';
import MkAvatars from '@client/components/avatars.vue';
import * as os from '@client/os'; import * as os from '@client/os';
import * as symbols from '@client/symbols'; import * as symbols from '@client/symbols';
@ -19,6 +23,7 @@ export default defineComponent({
components: { components: {
MkPagination, MkPagination,
MkButton, MkButton,
MkAvatars,
}, },
data() { data() {
@ -63,7 +68,7 @@ export default defineComponent({
> .lists { > .lists {
> .list { > .list {
display: flex; display: block;
padding: 16px; padding: 16px;
border: solid 1px var(--divider); border: solid 1px var(--divider);
border-radius: 6px; border-radius: 6px;
@ -72,6 +77,10 @@ export default defineComponent({
border: solid 1px var(--accent); border: solid 1px var(--accent);
text-decoration: none; text-decoration: none;
} }
> .name {
margin-bottom: 4px;
}
} }
} }
} }