Foundry/ripcrypt
1
0
Fork 0
Code Issues 22 Pull requests Releases Activity Actions

Get hourglass improved

Browse source
This commit is contained in:
Oliver-Akins 2025-02-28 16:47:41 -07:00
parent 3d6710dd18
commit 6ae412c787
2 changed files with 37 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

27
templates/Apps/DelveDiceHUD/style.css
View file

@ -1,6 +1,6 @@
#ripcrypt-delve-dice { #ripcrypt-delve-dice {
display: grid; display: grid;
grid-template-columns: max-content 1fr 1fr 1fr max-content; grid-template-columns: max-content 1fr 0.6fr 1fr max-content;
gap: 8px; gap: 8px;
padding: 4px 1.5rem; padding: 4px 1.5rem;
background: var(--DelveDice-background); background: var(--DelveDice-background);
@ -51,4 +51,29 @@
transform: rotate(-90deg); /* North by default */ transform: rotate(-90deg); /* North by default */
} }
} }
#the-hourglass {
display: flex;
flex-direction: row;
position: relative;
.hourglass-container {
position: absolute;
width: 34px;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4px 0;
background: var(--accent-1);
border-radius: 8px;
rc-svg {
inset: 4px;
}
}
.hud-text {
margin-left: 38px;
}
}
} }

13
templates/Apps/DelveDiceHUD/tour/current.hbs
View file

@ -1,3 +1,12 @@
<div> <div id="the-hourglass">
The Hourglass <div class="hourglass-container">
<rc-svg
class="hourglass"
name="icons/hourglass"
var:fill="var(--accent-2)"
></rc-svg>
</div>
<div class="hud-text">
The Hourglass
</div>
</div> </div>