diff --git a/src/client/components/ui/button.vue b/src/client/components/ui/button.vue
index 1e72660f3..d6ac42994 100644
--- a/src/client/components/ui/button.vue
+++ b/src/client/components/ui/button.vue
@@ -177,17 +177,8 @@ export default defineComponent({
}
&:focus {
- &:after {
- content: "";
- pointer-events: none;
- position: absolute;
- top: -5px;
- right: -5px;
- bottom: -5px;
- left: -5px;
- border: 2px solid var(--accentAlpha03);
- border-radius: 10px;
- }
+ outline: solid 2px var(--focus);
+ outline-offset: 2px;
}
&.inline + .bghgjjyj {
diff --git a/src/client/pages/my-lists/index.vue b/src/client/pages/my-lists/index.vue
index e92f11c7d..7de31bb30 100644
--- a/src/client/pages/my-lists/index.vue
+++ b/src/client/pages/my-lists/index.vue
@@ -3,7 +3,10 @@
{{ $ts.createList }}
- {{ list.name }}
+
+ {{ list.name }}
+
+
@@ -12,6 +15,7 @@
import { defineComponent } from 'vue';
import MkPagination from '@client/components/ui/pagination.vue';
import MkButton from '@client/components/ui/button.vue';
+import MkAvatars from '@client/components/avatars.vue';
import * as os from '@client/os';
import * as symbols from '@client/symbols';
@@ -19,6 +23,7 @@ export default defineComponent({
components: {
MkPagination,
MkButton,
+ MkAvatars,
},
data() {
@@ -63,7 +68,7 @@ export default defineComponent({
> .lists {
> .list {
- display: flex;
+ display: block;
padding: 16px;
border: solid 1px var(--divider);
border-radius: 6px;
@@ -72,6 +77,10 @@ export default defineComponent({
border: solid 1px var(--accent);
text-decoration: none;
}
+
+ > .name {
+ margin-bottom: 4px;
+ }
}
}
}