Files
DndGamePlayer/app/renderer/shared/materials/MaterialLegendPanel.module.css
Ivan Fontosh 153be98780 fix(materials): синхронизация легенды и маркеров на превью и презентации
Легенда и цифры на материале масштабируются от экрана игроков и не обрезаются жёлтой рамкой. Переключение сцен без записи project.json на диск.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-09-02 10:57:50 +08:00

59 lines
1.1 KiB
CSS

.panel {
position: absolute;
z-index: 45;
overflow: visible;
box-sizing: border-box;
padding: 14px 16px;
border-radius: 14px;
border: 1px solid rgba(255, 255, 255, 0.14);
background: linear-gradient(160deg, rgba(18, 22, 30, 0.94), rgba(12, 14, 20, 0.92));
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.45);
color: #f2f4f8;
backdrop-filter: blur(8px);
cursor: move;
touch-action: none;
user-select: none;
pointer-events: auto;
transform-origin: center center;
}
.title {
font-size: 12px;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
opacity: 0.7;
margin-bottom: 10px;
}
.item {
display: grid;
grid-template-columns: 28px 1fr;
gap: 10px;
align-items: start;
padding: 6px 0;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.item:first-of-type {
border-top: 0;
}
.num {
width: 28px;
height: 28px;
border-radius: 50%;
display: grid;
place-items: center;
font-weight: 800;
font-size: 12px;
background: #1e3a5f;
border: 2px solid #f5c542;
}
.text {
font-size: 13px;
line-height: 1.35;
padding-top: 4px;
}