summaryrefslogtreecommitdiff
path: root/packages/client/src
diff options
context:
space:
mode:
Diffstat (limited to 'packages/client/src')
-rw-r--r--packages/client/src/components/global/a.vue10
-rw-r--r--packages/client/src/components/ui/window.vue16
-rw-r--r--packages/client/src/pages/settings/index.vue2
-rw-r--r--packages/client/src/pages/settings/profile.vue3
4 files changed, 21 insertions, 10 deletions
diff --git a/packages/client/src/components/global/a.vue b/packages/client/src/components/global/a.vue
index c7cf12e8c8..67bf54def8 100644
--- a/packages/client/src/components/global/a.vue
+++ b/packages/client/src/components/global/a.vue
@@ -50,7 +50,7 @@ function onContextmenu(ev) {
icon: 'fas fa-expand-alt',
text: i18n.ts.showInPage,
action: () => {
- router.push(props.to);
+ router.push(props.to, 'forcePage');
},
}, null, {
icon: 'fas fa-external-link-alt',
@@ -79,7 +79,7 @@ function popout() {
popout_(props.to);
}
-function nav() {
+function nav(ev: MouseEvent) {
if (props.behavior === 'browser') {
location.href = props.to;
return;
@@ -93,6 +93,10 @@ function nav() {
}
}
- router.push(props.to);
+ if (ev.shiftKey) {
+ return openWindow();
+ }
+
+ router.push(props.to, ev.ctrlKey ? 'forcePage' : null);
}
</script>
diff --git a/packages/client/src/components/ui/window.vue b/packages/client/src/components/ui/window.vue
index 1208619177..e259ecdab3 100644
--- a/packages/client/src/components/ui/window.vue
+++ b/packages/client/src/components/ui/window.vue
@@ -1,6 +1,6 @@
<template>
<transition :name="$store.state.animation ? 'window' : ''" appear @after-leave="$emit('closed')">
- <div v-if="showing" ref="rootEl" class="ebkgocck">
+ <div v-if="showing" ref="rootEl" class="ebkgocck" :class="{ maximized }">
<div class="body _shadow _narrow_" @mousedown="onBodyMousedown" @keydown="onKeydown">
<div class="header" :class="{ mini }" @contextmenu.prevent.stop="onContextmenu">
<span class="left">
@@ -87,7 +87,7 @@ const emit = defineEmits<{
provide('inWindow', true);
-let rootEl = $ref<HTMLElement>();
+let rootEl = $ref<HTMLElement | null>();
let showing = $ref(true);
let beforeClickedAt = 0;
let maximized = $ref(false);
@@ -116,7 +116,9 @@ function onContextmenu(ev: MouseEvent) {
// 最前面へ移動
function top() {
- rootEl.style.zIndex = os.claimZIndex(props.front ? 'middle' : 'low');
+ if (rootEl) {
+ rootEl.style.zIndex = os.claimZIndex(props.front ? 'middle' : 'low');
+ }
}
function maximize() {
@@ -412,7 +414,7 @@ defineExpose({
left: 0;
> .body {
- overflow: hidden;
+ overflow: clip;
display: flex;
flex-direction: column;
contain: content;
@@ -550,5 +552,11 @@ defineExpose({
cursor: nesw-resize;
}
}
+
+ &.maximized {
+ > .body {
+ border-radius: 0;
+ }
+ }
}
</style>
diff --git a/packages/client/src/pages/settings/index.vue b/packages/client/src/pages/settings/index.vue
index f970660a4a..8b1cc6c124 100644
--- a/packages/client/src/pages/settings/index.vue
+++ b/packages/client/src/pages/settings/index.vue
@@ -330,13 +330,11 @@ definePageMetadata(INFO);
width: 34%;
padding-right: 32px;
box-sizing: border-box;
- overflow: auto;
}
> .main {
flex: 1;
min-width: 0;
- overflow: auto;
}
}
}
diff --git a/packages/client/src/pages/settings/profile.vue b/packages/client/src/pages/settings/profile.vue
index 20c51c8836..5bb3273b3f 100644
--- a/packages/client/src/pages/settings/profile.vue
+++ b/packages/client/src/pages/settings/profile.vue
@@ -1,7 +1,7 @@
<template>
<div class="_formRoot">
<div class="llvierxe" :style="{ backgroundImage: $i.bannerUrl ? `url(${ $i.bannerUrl })` : null }">
- <div class="avatar _acrylic">
+ <div class="avatar">
<MkAvatar class="avatar" :user="$i" :disable-link="true" @click="changeAvatar"/>
<MkButton primary rounded class="avatarEdit" @click="changeAvatar">{{ i18n.ts._profile.changeAvatar }}</MkButton>
</div>
@@ -187,6 +187,7 @@ definePageMetadata({
position: relative;
background-size: cover;
background-position: center;
+ border: solid 1px var(--divider);
border-radius: 10px;
overflow: clip;