Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00
Code Issues Projects Releases Wiki Activity

Fix colour swatches on small screens (#2350)

Browse Source 
Co-authored-by: Paweł Kuna <1282324+codecalm@users.noreply.github.com>
This commit is contained in:
ethancrawford
2025-05-11 18:32:40 +08:00
committed by GitHub
parent 5fa662bfae
commit bb617b8dd2
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/poor-spoons-deny.md Normal file
View File

@@ -0,0 +1,5 @@
---
"@tabler/core": "patch"
---
Fix colour swatches on small screens

6
shared/includes/docs/colors.html
View File

@@ -1,7 +1,7 @@
<div class="row g-4"> <div class="row row-cols-4 row-cols-md-6 g-3 g-md-4">
{%- for color in include.colors -%} {%- for color in include.colors -%}
<div class="col-2 text-center"> <div class="col text-center">
<div class="p-6 rounded border" style="background-color: {{ color[1].hex }}"></div> <div class="p-5 p-md-6 rounded border" style="background-color: {{ color[1].hex }}"></div>
<div class="small">{{ color[1].title }}</div> <div class="small">{{ color[1].title }}</div>
</div> </div>
{% endfor -%} {% endfor -%}