zenn/planner.sori.studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.1.53 - 관리자 목록 UX와 이월 배지 보정

Browse Source
This commit is contained in:
zenn
2026-04-24 16:16:39 +09:00
parent 315e0cdb0c
commit ce5872c93c
6 changed files with 120 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/GuideTooltip.vue
View File

@@ -1,5 +1,5 @@
<script setup>
import { onBeforeUnmount, ref } from 'vue'
import { computed, onBeforeUnmount, ref } from 'vue'
const props = defineProps({
title: {
@@ -28,10 +28,7 @@ const emit = defineEmits(['dismiss'])
const open = ref(false)
const rootRef = ref(null)
function isCompactButtonLabel() {
return String(props.buttonLabel || '').trim().length <= 1
}
const isCompactButtonLabel = computed(() => String(props.buttonLabel || '').trim().length <= 1)
function close() {
open.value = false
@@ -75,8 +72,8 @@ onBeforeUnmount(() => {
>
<button
type="button"
class="inline-flex min-w-[22px] items-center justify-center border border-stone-300 bg-white text-[10px] font-bold text-stone-500 transition hover:border-stone-500 hover:text-stone-900 focus-visible:ring-2 focus-visible:ring-stone-900 focus-visible:ring-offset-2"
:class="isCompactButtonLabel() ? 'h-5 w-5 rounded-full' : 'min-h-[22px] rounded-full px-2 py-1 leading-none'"
class="inline-flex shrink-0 items-center justify-center whitespace-nowrap border border-stone-300 bg-white text-[10px] font-bold text-stone-500 transition hover:border-stone-500 hover:text-stone-900 focus-visible:ring-2 focus-visible:ring-stone-900 focus-visible:ring-offset-2"
:class="isCompactButtonLabel ? 'h-5 w-5 rounded-full' : 'min-h-[22px] rounded-full px-2 py-1 leading-none'"
aria-label="가이드 보기"
:aria-expanded="open"
@click.stop="toggle"