fix: spread out low person count
for 2 people tan is huge, so radius becomes ~0, hardcode for radius ~image size and in css --r add part of image for 'offces from center'
This commit is contained in:
@@ -3,29 +3,29 @@
|
||||
|
||||
{{ define "inactiveBrick" }}
|
||||
<div
|
||||
class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5"
|
||||
style="--brick-color: var({{.}})"
|
||||
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5"
|
||||
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
|
||||
></div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "raisedBrick" }}
|
||||
<div
|
||||
class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/25"
|
||||
style="--brick-color: var({{.}})"
|
||||
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/25"
|
||||
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
|
||||
></div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "speakerBrick" }}
|
||||
<div
|
||||
class="h-8 w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/50 shadow-[0_0_15px_rgba(0,_0,_0,_0.5)] shadow-[hsl(var(--brick-color))] animate-pulse"
|
||||
style="--brick-color: var({{.}})"
|
||||
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))] border-2 bg-[hsl(var(--brick-color))]/50 shadow-[0_0_15px_rgba(0,_0,_0,_0.5)] shadow-[hsl(var(--brick-color))] animate-pulse"
|
||||
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
|
||||
></div>
|
||||
{{ end }}
|
||||
|
||||
{{ define "markBrick" }}
|
||||
<div
|
||||
class="h-8 w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
|
||||
style="--brick-color: var({{.}})"
|
||||
class="h-[var(--brick-height)] w-20 border-[hsl(var(--brick-color))]/25 border bg-[hsl(var(--brick-color))]/5 grid place-content-center font-bold text-[hsl(var(--brick-color))]/50"
|
||||
style="--brick-color: var({{.}}); --brick-height: calc(var(--d)/5)"
|
||||
>
|
||||
X
|
||||
</div>
|
||||
@@ -68,7 +68,7 @@
|
||||
<p>expected to be called with personData</p>
|
||||
{{ define "personBlocks" }}
|
||||
|
||||
<div class="person-bricks "
|
||||
<div class="person-bricks"
|
||||
id="person-{{.Index}}"
|
||||
style="--i: {{ .Index }}"
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user