1
1
mirror of https://github.com/kokonect-link/cherrypick synced 2025-01-19 00:03:19 +09:00

戻るボタンのアイコンの変更と位置調整

This commit is contained in:
NoriDev 2023-05-28 21:39:16 +09:00
parent 2f7e3f13e4
commit ccbd315f53
2 changed files with 8 additions and 2 deletions

View File

@ -2,7 +2,7 @@
<div v-if="show" ref="el" :class="[$style.root]" :style="{ background: bg }">
<div :class="[$style.upper, { [$style.slim]: narrow || isFriendly, [$style.thin]: thin_ }]">
<div v-if="!thin_ && !canBack" :class="$style.buttonsLeft">
<button class="_button" :class="[$style.button, $style.goBack]" @click.stop="goBack" @touchstart="preventDrag"><i class="ti ti-chevron-left"></i></button>
<button class="_button" :class="[$style.button, $style.goBack]" @click.stop="goBack" @touchstart="preventDrag"><i class="ti ti-arrow-left"></i></button>
</div>
<div v-if="!thin_ && narrow && props.displayMyAvatar && $i && !isFriendly" class="_button" :class="$style.buttonsLeft" @click="openAccountMenu">
<MkAvatar :class="$style.avatar" :user="$i"/>
@ -230,8 +230,11 @@ onUnmounted(() => {
}
.goBack {
margin-left: 8px;
> i {
margin: auto;
font-size: medium;
}
}

View File

@ -1,7 +1,7 @@
<template>
<div ref="el" class="fdidabkc" :style="{ background: bg }" @click="onClick">
<div class="buttons left">
<button class="_button button goBack" @click.stop="goBack" @touchstart="preventDrag"><i class="ti ti-chevron-left"></i></button>
<button class="_button button goBack" @click.stop="goBack" @touchstart="preventDrag"><i class="ti ti-arrow-left"></i></button>
</div>
<template v-if="metadata">
<div class="titleContainer" @click="showTabsPopup">
@ -205,8 +205,11 @@ onUnmounted(() => {
}
> .goBack {
margin-left: 8px;
> i {
margin: auto;
font-size: medium;
}
}
}