Skip to content

Commit 9e2e995

Browse files
committed
Update view_key template
1 parent 724d72f commit 9e2e995

2 files changed

Lines changed: 18 additions & 8 deletions

File tree

assets/css/styles.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1866,10 +1866,18 @@ video {
18661866
grid-template-columns: repeat(2, minmax(0, 1fr));
18671867
}
18681868

1869+
.lg\:items-center {
1870+
align-items: center;
1871+
}
1872+
18691873
.lg\:justify-end {
18701874
justify-content: flex-end;
18711875
}
18721876

1877+
.lg\:gap-2 {
1878+
gap: 0.5rem;
1879+
}
1880+
18731881
.lg\:gap-4 {
18741882
gap: 1rem;
18751883
}

templates/partials/view_key.twig

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
<div class="mb-2 text-lg font-semibold break-words">{{ key }}</div>
44

5-
<div class="mb-5 flex items-center gap-2">
5+
<div class="mb-5 lg:flex lg:items-center lg:gap-2">
66
<span>Type {{ key_badge.key_type(type) }}</span>
77

88
{% if ttl %}
@@ -38,14 +38,16 @@
3838
{{ include('components/badge.twig', {text: 'Formatted', pill: true, class: 'uppercase font-bold', bg: 'bg-blue-500'}) }}
3939
{% endif %}
4040

41-
<a href="{{ export_url }}" class="inline-flex items-center font-semibold text-gray-500 hover:text-gray-700">
42-
{{ svg('export', 16, 'mr-1') }} Export
43-
</a>
41+
<span>
42+
<a href="{{ export_url }}" class="inline-flex items-center font-semibold text-gray-500 hover:text-gray-700">
43+
{{ svg('export', 16, 'mr-1') }} Export
44+
</a>
4445

45-
<a href="{{ delete_url }}" class="inline-flex items-center font-semibold text-red-500 hover:text-red-700"
46-
onclick="return confirm('Are you sure you want to remove this item?');">
47-
{{ svg('trash', 16, 'mr-1') }} Delete
48-
</a>
46+
<a href="{{ delete_url }}" class="inline-flex items-center font-semibold text-red-500 hover:text-red-700"
47+
onclick="return confirm('Are you sure you want to remove this item?');">
48+
{{ svg('trash', 16, 'mr-1') }} Delete
49+
</a>
50+
</span>
4951
</div>
5052

5153
{% if value is iterable %}

0 commit comments

Comments
 (0)