@@ -51,148 +62,213 @@
-
@@ -212,11 +288,16 @@ export default defineComponent({
> .emoji {
display: flex;
align-items: center;
- padding: 12px;
+ padding: 11px;
text-align: left;
+ border: solid 1px var(--panel);
&:hover {
- color: var(--accent);
+ border-color: var(--inputBorderHover);
+ }
+
+ &.selected {
+ border-color: var(--accent);
}
> .img {
diff --git a/packages/client/src/pages/admin/index.vue b/packages/client/src/pages/admin/index.vue
index b7160de11..350e7defc 100644
--- a/packages/client/src/pages/admin/index.vue
+++ b/packages/client/src/pages/admin/index.vue
@@ -19,7 +19,7 @@
-
+
@@ -66,7 +66,9 @@ export default defineComponent({
const narrow = ref(false);
const view = ref(null);
const el = ref(null);
- const onInfo = (viewInfo) => {
+ const pageChanged = (page) => {
+ if (page == null) return;
+ const viewInfo = page[symbols.PAGE_INFO];
if (isRef(viewInfo)) {
watch(viewInfo, () => {
childInfo.value = viewInfo.value;
@@ -311,7 +313,7 @@ export default defineComponent({
narrow,
view,
el,
- onInfo,
+ pageChanged,
childInfo,
pageProps,
component,