Shivesh
b3658bea09
Ever so slightly improve the corner rounding of the polyline to make it more cohesive with the standard theming (slightly rounded corners etc.). Minor change, only visible at higher zoom levels.
26 lines
1.3 KiB
HTML
26 lines
1.3 KiB
HTML
{{ template "widget-base.html" . }}
|
|
|
|
{{ define "widget-content" }}
|
|
<div class="dynamic-columns list-gap-20 list-with-separator">
|
|
{{ range .Markets }}
|
|
<div class="flex items-center gap-15">
|
|
<div class="min-width-0">
|
|
<a{{ if ne "" .SymbolLink }} href="{{ .SymbolLink }}" target="_blank" rel="noreferrer"{{ end }} class="color-highlight size-h3 block text-truncate">{{ .Symbol }}</a>
|
|
<div class="text-truncate">{{ .Name }}</div>
|
|
</div>
|
|
|
|
<a class="market-chart" {{ if ne "" .ChartLink }} href="{{ .ChartLink }}" target="_blank" rel="noreferrer"{{ end }}>
|
|
<svg class="market-chart shrink-0" viewBox="0 0 100 50">
|
|
<polyline fill="none" stroke="var(--color-text-subdue)" stroke-linecap="round" stroke-width="1.5px" points="{{ .SvgChartPoints }}" vector-effect="non-scaling-stroke"></polyline>
|
|
</svg>
|
|
</a>
|
|
|
|
<div class="market-values shrink-0">
|
|
<div class="size-h3 text-right {{ if eq .PercentChange 0.0 }}{{ else if gt .PercentChange 0.0 }}color-positive{{ else }}color-negative{{ end }}">{{ printf "%+.2f" .PercentChange }}%</div>
|
|
<div class="text-right">{{ .Currency }}{{ .Price | formatPriceWithPrecision .PriceHint }}</div>
|
|
</div>
|
|
</div>
|
|
{{ end }}
|
|
</div>
|
|
{{ end }}
|