V1.3.7
This commit is contained in:
parent
ffbb7a96d6
commit
0619223c4e
59
index.php
59
index.php
@ -1364,41 +1364,69 @@ if ($has_vanilla_db_access) {
|
|||||||
}
|
}
|
||||||
.vanilla-db-card {
|
.vanilla-db-card {
|
||||||
grid-template-columns: 56px minmax(260px, 380px) minmax(320px, 1fr);
|
grid-template-columns: 56px minmax(260px, 380px) minmax(320px, 1fr);
|
||||||
align-items: stretch;
|
align-items: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vanilla-db-card-main {
|
.vanilla-db-card-main {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: flex-start;
|
||||||
gap: 4px;
|
align-self: start;
|
||||||
|
gap: 6px;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
padding-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vanilla-db-card-topline {
|
.vanilla-db-card-topline {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-start;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vanilla-db-card-type-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 4px 9px;
|
||||||
|
border-radius: 999px;
|
||||||
|
border: 1px solid rgba(162, 155, 120, 0.28);
|
||||||
|
background: rgba(162, 155, 120, 0.12);
|
||||||
|
color: rgba(246, 241, 220, 0.96);
|
||||||
|
font-size: 0.7em;
|
||||||
|
font-weight: 500;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
line-height: 1;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vanilla-db-card-subtype {
|
||||||
color: rgba(255, 255, 255, 0.72);
|
color: rgba(255, 255, 255, 0.72);
|
||||||
font-size: 0.82em;
|
font-size: 0.8em;
|
||||||
font-weight: 600;
|
font-weight: 400;
|
||||||
letter-spacing: 0.05em;
|
letter-spacing: 0.04em;
|
||||||
|
line-height: 1.2;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vanilla-db-card-meta {
|
.vanilla-db-card-meta {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
color: rgba(255, 255, 255, 0.68);
|
color: rgba(255, 255, 255, 0.68);
|
||||||
font-size: 0.82em;
|
font-size: 0.8em;
|
||||||
line-height: 1.35;
|
line-height: 1.35;
|
||||||
}
|
}
|
||||||
|
|
||||||
.vanilla-db-card-meta strong {
|
|
||||||
font-weight: 700;
|
|
||||||
color: rgba(255, 255, 255, 0.84);
|
|
||||||
}
|
|
||||||
|
|
||||||
.vanilla-db-card-meta span {
|
.vanilla-db-card-meta span {
|
||||||
word-break: break-all;
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.vanilla-db-card-uuid {
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 0.76em;
|
||||||
|
color: rgba(255, 255, 255, 0.58);
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
}
|
||||||
.vanilla-db-card-details {
|
.vanilla-db-card-details {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
@ -1962,9 +1990,12 @@ if ($has_vanilla_db_access) {
|
|||||||
<?php endif; ?>
|
<?php endif; ?>
|
||||||
</div>
|
</div>
|
||||||
<div class="item-custom-card-main vanilla-db-card-main">
|
<div class="item-custom-card-main vanilla-db-card-main">
|
||||||
<p class="vanilla-db-card-topline"><?php echo htmlspecialchars($vanilla_db_row['type'], ENT_QUOTES, 'UTF-8'); ?><?php if ($vanilla_db_row['subtype'] !== '—'): ?> / <?php echo htmlspecialchars($vanilla_db_row['subtype'], ENT_QUOTES, 'UTF-8'); ?><?php endif; ?></p>
|
<p class="vanilla-db-card-topline">
|
||||||
|
<span class="vanilla-db-card-type-badge"><?php echo htmlspecialchars($vanilla_db_row['type'], ENT_QUOTES, 'UTF-8'); ?></span>
|
||||||
|
<?php if ($vanilla_db_row['subtype'] !== '—'): ?><span class="vanilla-db-card-subtype"><?php echo htmlspecialchars($vanilla_db_row['subtype'], ENT_QUOTES, 'UTF-8'); ?></span><?php endif; ?>
|
||||||
|
</p>
|
||||||
<h4 class="item-custom-card-name vanilla-db-item-name <?php echo htmlspecialchars($vanilla_db_row['rarity_class'], ENT_QUOTES, 'UTF-8'); ?>" title="<?php echo htmlspecialchars($vanilla_db_row['rarity_label'], ENT_QUOTES, 'UTF-8'); ?>"><?php echo htmlspecialchars($vanilla_db_row['name'], ENT_QUOTES, 'UTF-8'); ?></h4>
|
<h4 class="item-custom-card-name vanilla-db-item-name <?php echo htmlspecialchars($vanilla_db_row['rarity_class'], ENT_QUOTES, 'UTF-8'); ?>" title="<?php echo htmlspecialchars($vanilla_db_row['rarity_label'], ENT_QUOTES, 'UTF-8'); ?>"><?php echo htmlspecialchars($vanilla_db_row['name'], ENT_QUOTES, 'UTF-8'); ?></h4>
|
||||||
<p class="vanilla-db-card-meta"><?php if ($vanilla_db_row['uuid'] !== '—'): ?><strong>UUID :</strong> <span><?php echo htmlspecialchars($vanilla_db_row['uuid'], ENT_QUOTES, 'UTF-8'); ?></span><?php else: ?><span class="vanilla-db-muted">UUID : —</span><?php endif; ?></p>
|
<p class="vanilla-db-card-meta"><?php if ($vanilla_db_row['uuid'] !== '—'): ?><span class="vanilla-db-card-uuid">UUID : <?php echo htmlspecialchars($vanilla_db_row['uuid'], ENT_QUOTES, 'UTF-8'); ?></span><?php else: ?><span class="vanilla-db-muted vanilla-db-card-uuid">UUID : —</span><?php endif; ?></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="vanilla-db-card-details">
|
<div class="vanilla-db-card-details">
|
||||||
<div class="vanilla-db-card-description"><?php echo $vanilla_db_row['description_html']; ?></div>
|
<div class="vanilla-db-card-description"><?php echo $vanilla_db_row['description_html']; ?></div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user