tweak client

This commit is contained in:
syuilo 2022-06-22 20:47:53 +09:00
parent 4f70f4a481
commit c78e44f8d5
3 changed files with 17 additions and 4 deletions

View file

@ -114,7 +114,11 @@ function onTabMousedown(tab: Tab, ev: MouseEvent): void {
} }
function onTabClick(tab: Tab, ev: MouseEvent): void { function onTabClick(tab: Tab, ev: MouseEvent): void {
if (tab.onClick) tab.onClick(ev); if (tab.onClick) {
ev.preventDefault();
ev.stopPropagation();
tab.onClick(ev);
}
if (tab.key) { if (tab.key) {
emit('update:tab', tab.key); emit('update:tab', tab.key);
} }
@ -150,7 +154,7 @@ onMounted(() => {
if (el && el.parentElement) { if (el && el.parentElement) {
narrow = el.parentElement.offsetWidth < 500; narrow = el.parentElement.offsetWidth < 500;
ro = new ResizeObserver((entries, observer) => { ro = new ResizeObserver((entries, observer) => {
if (el.parentElement) { if (el.parentElement && document.body.contains(el)) {
narrow = el.parentElement.offsetWidth < 500; narrow = el.parentElement.offsetWidth < 500;
} }
}); });
@ -268,6 +272,8 @@ onUnmounted(() => {
> .icon { > .icon {
margin-right: 8px; margin-right: 8px;
width: 16px;
text-align: center;
} }
> .title { > .title {

View file

@ -402,7 +402,7 @@ export default defineComponent({
height: 100%; height: 100%;
> .header { > .header {
--height: 50px; --height: 45px;
&.mini { &.mini {
--height: 38px; --height: 38px;
@ -415,6 +415,7 @@ export default defineComponent({
user-select: none; user-select: none;
height: var(--height); height: var(--height);
border-bottom: solid 1px var(--divider); border-bottom: solid 1px var(--divider);
font-size: 95%;
> .left, > .right { > .left, > .right {
> .button { > .button {

View file

@ -105,7 +105,11 @@ function onTabMousedown(tab: Tab, ev: MouseEvent): void {
} }
function onTabClick(tab: Tab, ev: MouseEvent): void { function onTabClick(tab: Tab, ev: MouseEvent): void {
if (tab.onClick) tab.onClick(ev); if (tab.onClick) {
ev.preventDefault();
ev.stopPropagation();
tab.onClick(ev);
}
if (tab.key) { if (tab.key) {
emit('update:tab', tab.key); emit('update:tab', tab.key);
} }
@ -217,6 +221,8 @@ onUnmounted(() => {
> .icon { > .icon {
margin-right: 8px; margin-right: 8px;
width: 16px;
text-align: center;
} }
> .title { > .title {