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

Finalize the general layout of the HUD

Browse source
This commit is contained in:
Oliver-Akins 2025-03-01 00:34:25 -07:00
parent 6ae412c787
commit c9ed4142e6
3 changed files with 39 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,6 +1,6 @@
#ripcrypt-delve-dice {
display: grid;
grid-template-columns: max-content 1fr 0.6fr 1fr max-content;
grid-template-columns: max-content 2rem 90px 2rem max-content;
gap: 8px;
padding: 4px 1.5rem;
background: var(--DelveDice-background);
@ -52,28 +52,37 @@
}
}
#the-hourglass {
#the-hourglass,
#delve-difficulty {
width: 100%;
height: 100%;
display: flex;
flex-direction: row;
position: relative;
.hourglass-container {
.icon-container {
position: absolute;
width: 34px;
display: flex;
flex-direction: column;
justify-content: center;
display: grid;
padding: 4px 0;
background: var(--accent-1);
border-radius: 8px;
> * {
grid-row: 1 / -1;
grid-column: 1 / -1;
}
span {
font-size: 1.25rem;
z-index: 2;
align-self: center;
justify-self: center;
}
rc-svg {
inset: 4px;
}
}
.hud-text {
margin-left: 38px;
}
}
}