feat(modalidades): 6 ícones em falta, ícones animados, ícone centrado no cartão aberto
- Ícones novos (Bootcamp, YourFit Core, Run3070, Total Workout, On Ramp, Jump) do mesmo conjunto; só o LPO continua sem ícone no ficheiro de design. - Os ícones fitme-*.svg passam a ir embutidos (modalidade_icon_html): cada traço tem pathLength=1 e desenha-se ao aparecer, no hover e ao abrir o cartão; cada família tem um movimento (levantar, soco, respirar, saltar, chama, pedalar, correr). Outros ícones continuam <img>. - No cartão de detalhe (desktop) o ícone e o nome deslizam até ao centro vertical da coluna. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
42f5919915
commit
cb0e4540f2
10 files changed
+186
-8
No files matched your search
+2
-2
@@ -193,7 +193,7 @@ if ($modalidades):
|
||||
<?php foreach($modalidades as $d): $desc = trim(strip_tags((string) ($d['descricao'] ?? ''))) !== '' ? trim((string) $d['descricao']) : ''; ?>
|
||||
<div class="icon-box-item mod-card<?= $desc !== '' ? ' has-info' : '' ?>" data-color="<?= htmlspecialchars((string) $d['cor']) ?>"<?= $desc !== '' ? ' role="button" tabindex="0" aria-haspopup="dialog" aria-label="Ver descrição de ' . htmlspecialchars((string) $d['nome']) . '"' : '' ?>>
|
||||
<div class="ib-icon">
|
||||
<?php if (trim((string) $d['icon']) !== ''): ?><img loading="lazy" draggable="false" src="<?= site_img_url($d['icon'], 'uploads/modalidades/icons') ?>" alt=""><?php endif; ?>
|
||||
<?= modalidade_icon_html($d['icon']) /* inline animated SVG for the FitMe set, else <img> */ ?>
|
||||
</div>
|
||||
<h3><?= htmlspecialchars((string) $d['nome']) ?></h3>
|
||||
<?php if ($desc !== ''): ?>
|
||||
@@ -208,7 +208,7 @@ if ($modalidades):
|
||||
<div class="mod-detail" role="dialog" aria-modal="false" aria-hidden="true">
|
||||
<button type="button" class="md-close" aria-label="Fechar">×</button>
|
||||
<div class="md-card">
|
||||
<div class="ib-icon"><img src="" alt="" hidden></div>
|
||||
<div class="ib-icon"></div>
|
||||
<h3></h3>
|
||||
</div>
|
||||
<div class="md-body">
|
||||
|
||||
Reference in new issue
Block a user