HMC/hmc_site_source
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Tweak styles on ticket page (WIP)

Browse Source
This commit is contained in:
Ben Visness
2024-11-01 21:01:59 -05:00
parent 2ed255e770
commit e23b5e94af
2 changed files with 19 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
layouts/partials/components/ticket_list.html
View File

@@ -3,7 +3,7 @@
<div class="w-full">
{{ $tickets := .tickets }}
{{ range $index, $ticket := $tickets }}
<h2 class="text-3xl font-bold mb-8 {{ $ticket.title_class }}">{{ $ticket.title }}</h2>
<h2 class="text-3xl font-bold {{ $ticket.title_class }}">{{ $ticket.title }}</h2>
<h4 class="text-xl {{ $ticket.subtitle_class }}">{{ $ticket.subtitle }}</h2>
{{/* <div class="columns-3s"> */}}
<div id="pricing"
@@ -41,17 +41,27 @@
<h3 class="m-0 text-2xl font-semibold leading-tight tracking-tight border-0 border-gray-200 sm:text-3xl md:text-4xl {{ $option.title_class }}">
{{ $option.title | markdownify }}
</h3>
<div class="flex items-center mt-4 leading-7 border-0 border-gray-200">
<div class="flex gap-2 items-center mt-4 leading-7 border-0 border-gray-200">
{{ $original_styles := "box-border text-light line-through text-2xl font-semibold leading-none border-solid" }}
{{ if $option.original_price }}
<p class="box-border m-0 -ml-8 mr-2 text-light line-through text-2xl font-semibold leading-none border-solid">
<p class="{{ $original_styles }}">
{{ $option.original_price | markdownify }}
</p>
{{ end }}
<p class="text-3xl">$</p>
<p class="box-border m-0 text-6xl font-semibold leading-none border-solid {{ $option.price_class }}">
{{ $option.price | markdownify }}
<div class="flex items-center">
<p class="text-3xl">$</p>
<p class="box-border m-0 text-6xl font-semibold leading-none border-solid {{ $option.price_class }}">
{{ $option.price | markdownify }}
</p>
</div>
{{/* to center the overall content */}}
{{ if $option.original_price }}
<p class="{{ $original_styles }} invisible">
{{ $option.original_price | markdownify }}
</p>
{{ end }}
</div>
<ul class="flex-1 p-0 mt-4 leading-7 text-gray-900 border-0 border-gray-200 {{ $option.features_class }}">
{{ range $feature_index, $feature := $option.features }}