릴리스: v1.3.10 게임 허브 카드 폭과 SVG 아이콘 렌더링 정리

This commit is contained in:
2026-04-01 10:29:34 +09:00
parent b4ada4b9a2
commit 7b1ba19572
8 changed files with 81 additions and 46 deletions

View File

@@ -919,13 +919,13 @@ onUnmounted(() => {
<template v-else>
<button
v-if="canEdit"
class="rowRemoveIcon"
class="rowRemoveText"
type="button"
title="티어 라인 삭제"
:disabled="groups.length <= 1"
@click="openGroupDeleteModal(g.id)"
>
×
삭제
</button>
<span class="grab" title="드래그로 순서 변경" data-group-handle></span>
<input v-model="g.name" class="groupName" :readonly="!canEdit" />
@@ -1562,7 +1562,7 @@ onUnmounted(() => {
gap: 8px;
align-items: center;
justify-content: center;
padding: 10px 12px;
padding: 10px 12px 30px;
font-weight: 900;
overflow: hidden;
}
@@ -1590,29 +1590,24 @@ onUnmounted(() => {
outline: none;
min-width: 0;
}
.rowRemoveIcon {
.rowRemoveText {
position: absolute;
top: 8px;
right: 8px;
width: 24px;
height: 24px;
border-radius: 999px;
border: 1px solid rgba(239, 68, 68, 0.2);
background: rgba(15, 15, 15, 0.7);
color: rgba(255, 255, 255, 0.86);
display: grid;
place-items: center;
right: 12px;
bottom: 10px;
padding: 0;
border: 0;
background: transparent;
color: rgba(255, 255, 255, 0.6);
cursor: pointer;
font-size: 14px;
font-size: 12px;
line-height: 1;
font-weight: 800;
}
.rowRemoveIcon:hover {
background: rgba(70, 20, 20, 0.82);
border-color: rgba(239, 68, 68, 0.34);
.rowRemoveText:hover {
color: rgba(255, 255, 255, 0.9);
}
.rowRemoveIcon:disabled {
opacity: 0.4;
.rowRemoveText:disabled {
opacity: 0.32;
cursor: not-allowed;
}
.row__exportName {