diff --git a/templates/Apps/DelveDiceHUD/difficulty.hbs b/templates/Apps/DelveDiceHUD/difficulty.hbs index 29b591f..d65b06b 100644 --- a/templates/Apps/DelveDiceHUD/difficulty.hbs +++ b/templates/Apps/DelveDiceHUD/difficulty.hbs @@ -1,3 +1,14 @@ -
- Difficulty: {{dc}} +
+
+ 8 + +
diff --git a/templates/Apps/DelveDiceHUD/style.css b/templates/Apps/DelveDiceHUD/style.css index 4b19a11..55128c2 100644 --- a/templates/Apps/DelveDiceHUD/style.css +++ b/templates/Apps/DelveDiceHUD/style.css @@ -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; - } } } diff --git a/templates/Apps/DelveDiceHUD/tour/current.hbs b/templates/Apps/DelveDiceHUD/tour/current.hbs index 991b6f4..9e3d423 100644 --- a/templates/Apps/DelveDiceHUD/tour/current.hbs +++ b/templates/Apps/DelveDiceHUD/tour/current.hbs @@ -1,12 +1,15 @@
-
+
+ + 8 +
-
- The Hourglass -