diff options
Diffstat (limited to 'src/client/pages')
| -rw-r--r-- | src/client/pages/doc.vue | 2 | ||||
| -rw-r--r-- | src/client/pages/my-lists/index.vue | 15 |
2 files changed, 12 insertions, 5 deletions
diff --git a/src/client/pages/doc.vue b/src/client/pages/doc.vue index 753dd8013d..af3f56abcb 100644 --- a/src/client/pages/doc.vue +++ b/src/client/pages/doc.vue @@ -115,7 +115,7 @@ export default defineComponent({ line-height: 1.5; &.max-width_500px { - padding: 16px; + padding: 24px; } > .main { diff --git a/src/client/pages/my-lists/index.vue b/src/client/pages/my-lists/index.vue index 2b60917060..e92f11c7d0 100644 --- a/src/client/pages/my-lists/index.vue +++ b/src/client/pages/my-lists/index.vue @@ -1,11 +1,9 @@ <template> -<div class="qkcjvfiv _section"> +<div class="qkcjvfiv"> <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"> - <div class="list _panel" v-for="(list, i) in items" :key="list.id"> - <MkA :to="`/my/lists/${ list.id }`">{{ list.name }}</MkA> - </div> + <MkA v-for="(list, i) in items" :key="list.id" class="list _panel" :to="`/my/lists/${ list.id }`">{{ list.name }}</MkA> </MkPagination> </div> </template> @@ -57,6 +55,8 @@ export default defineComponent({ <style lang="scss" scoped> .qkcjvfiv { + padding: 16px; + > .add { margin: 0 auto var(--margin) auto; } @@ -65,6 +65,13 @@ export default defineComponent({ > .list { display: flex; padding: 16px; + border: solid 1px var(--divider); + border-radius: 6px; + + &:hover { + border: solid 1px var(--accent); + text-decoration: none; + } } } } |