Skip to content

Commit ce3f29f

Browse files
RobiNN1RobiNN1
committed
Sort tailwind classes
1 parent a655da5 commit ce3f29f

File tree

18 files changed

+121
-124
lines changed

18 files changed

+121
-124
lines changed

‎templates/components/input.twig‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
<div class="{{ inline_input ? 'flex gap-2 w-full items-center' : 'mb-4' }}"{{ extra_attr|space|raw }}>
22
<label for="{{ id }}" class="{{ inline_input ? '' : 'mb-2 ' }}block text-sm font-semibold">{{ label|raw }}</label>
33
<input id="{{ id }}" name="{{ id }}" type="{{ type ? type : 'text' }}" value="{{ value }}"
4-
class="text-sm w-full rounded border border-gray-300 bg-white py-1.5 px-3 focus:outline-hidden focus:ring-3 focus:ring-primary-200 focus:border-primary-300
5-
dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:focus:ring-primary-500 dark:focus:border-primary-400"{{ required ? ' required' : '' }}{{ attr|space|raw }}>
4+
class="py-1.5 px-3 w-full text-sm bg-white rounded border border-gray-300 focus:outline-hidden focus:ring-3 focus:ring-primary-200 focus:border-primary-300
5+
dark:text-white dark:bg-gray-800 dark:border-gray-600 dark:focus:ring-primary-500 dark:focus:border-primary-400"{{ required ? ' required' : '' }}{{ attr|space|raw }}>
66
{% if help %}
77
<small class="text-xs">{{ help }}</small>
88
{% endif %}

‎templates/components/modal.twig‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,14 @@
11
{{ include('components/button.twig', open_btn|merge({attributes: {'data-modal-target': '#' ~ modal_id}})) }}
22

33
{% macro modal(modal_id, title, content) %}
4-
<div id="{{ modal_id }}" class="modal fixed inset-0 z-50 transition-opacity duration-300 pointer-events-none opacity-0 flex items-center justify-center">
5-
<div class="modal-backdrop fixed inset-0 bg-gray-500/75 dark:bg-gray-900/75"></div>
4+
<div id="{{ modal_id }}" class="modal flex fixed inset-0 z-50 justify-center items-center opacity-0 transition-opacity duration-300 pointer-events-none">
5+
<div class="fixed inset-0 modal-backdrop bg-gray-500/75 dark:bg-gray-900/75"></div>
66

77
<div class="relative bg-white rounded-md shadow-sm dark:bg-gray-700">
8-
<div class="flex items-center justify-between p-4 md:min-w-[35rem] border-b border-gray-200 dark:border-gray-600">
8+
<div class="flex justify-between items-center p-4 border-b border-gray-200 dark:border-gray-600 md:min-w-[35rem]">
99
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">{{ title }}</h3>
1010

11-
<button data-modal-dismiss type="button" class="cursor-pointer text-gray-400 hover:text-gray-900 text-sm inline-flex justify-center items-center dark:hover:text-white">
11+
<button data-modal-dismiss type="button" class="inline-flex justify-center items-center text-sm text-gray-400 cursor-pointer hover:text-gray-900 dark:hover:text-white">
1212
{{ svg('close', 13) }}
1313
</button>
1414
</div>

‎templates/components/paginator.twig‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
1-
<div class="flex gap-4 flex-wrap items-center justify-between">
2-
<div class="flex items-center gap-1">
1+
<div class="flex flex-wrap gap-4 justify-between items-center">
2+
<div class="flex gap-1 items-center">
33
Showing
44
<span class="font-semibold">{{ first_on_page }}</span> to
55
<span class="font-semibold">{{ last_on_page }}</span> of
66
<span class="font-semibold">{{ total }}</span> items
77
</div>
88

9-
<div class="flex items-center gap-2">
9+
<div class="flex gap-2 items-center">
1010
{{ include('components/select.twig', {id: 'per_page', options: select, selected: per_page, width: 'w-24', wrapper_class: false}) }}
1111
<label class="-mt-1.5" for="per_page">per page</label>
1212
</div>
@@ -15,16 +15,16 @@
1515
<nav class="flex -space-x-px">
1616
{% for page in pages %}
1717
{% if page == current_page %}
18-
{% set class = 'border-primary-400 bg-primary-500 text-white dark:bg-primary-900 dark:border-primary-700' %}
18+
{% set class = 'text-white border-primary-400 bg-primary-500 dark:bg-primary-900 dark:border-primary-700' %}
1919
{% else %}
20-
{% set class = 'border-gray-300 bg-white hover:bg-gray-100 hover:text-gray-700 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 dark:hover:text-white' %}
20+
{% set class = 'bg-white border-gray-300 dark:text-gray-300 dark:bg-gray-800 dark:border-gray-600 hover:text-gray-700 hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-white' %}
2121
{% endif %}
2222

2323
{% set first_item = loop.first ? ' rounded-l' : '' %}
2424
{% set last_item = loop.last ? ' rounded-r' : '' %}
2525

2626
{% if page == '...' %}
27-
<div><span class="py-[0.4rem] px-3 border border-gray-300 bg-white dark:border-gray-600 dark:bg-gray-800 dark:text-gray-300">{{ page }}</span></div>
27+
<div><span class="px-3 bg-white border border-gray-300 dark:text-gray-300 dark:bg-gray-800 dark:border-gray-600 py-[0.4rem]">{{ page }}</span></div>
2828
{% else %}
2929
<div><a href="{{ url ~ page }}" class="py-[0.4rem] px-3 border {{ class }}{{ first_item ~ last_item }}">{{ page }}</a></div>
3030
{% endif %}

‎templates/components/select.twig‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<div{{ (wrapper_class is not defined ? ' class="mb-4"' : '')|raw }}>
22
{% if label %}
3-
<label for="{{ id }}" class="mb-2 block text-sm font-semibold">{{ label|raw }}</label>
3+
<label for="{{ id }}" class="block mb-2 text-sm font-semibold">{{ label|raw }}</label>
44
{% endif %}
55
<select id="{{ id }}" name="{{ id }}"
66
class="select {{ width ? width : 'w-full' }} text-sm appearance-none rounded border border-gray-300 bg-white py-1.5 px-3 pe-5 focus:outline-hidden focus:ring-3 focus:ring-primary-200 focus:border-primary-300

‎templates/components/textarea.twig‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
<div class="mb-4">
2-
<label for="{{ id }}" class="mb-2 block text-sm font-semibold">{{ label }}</label>
2+
<label for="{{ id }}" class="block mb-2 text-sm font-semibold">{{ label }}</label>
33
<textarea id="{{ id }}" name="{{ id }}"
4-
class="w-full rounded border border-gray-300 bg-white py-1.5 px-3 text-sm focus:outline-hidden focus:ring-3 focus:ring-primary-200 focus:border-primary-300
5-
dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:placeholder-gray-400 dark:focus:ring-primary-500 dark:focus:border-primary-400"
4+
class="py-1.5 px-3 w-full text-sm bg-white rounded border border-gray-300 focus:outline-hidden focus:ring-3 focus:ring-primary-200 focus:border-primary-300
5+
dark:placeholder-gray-400 dark:text-white dark:bg-gray-800 dark:border-gray-600 dark:focus:ring-primary-500 dark:focus:border-primary-400"
66
rows="10" required>{{ value }}</textarea>
77
</div>

‎templates/dashboards/memcached/memcached.twig‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@
2727
{% endif %}
2828

2929
{% if get('tab') == 'commands_stats' %}
30-
<div class="px-6 py-4 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
30+
<div class="py-4 px-6 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
3131
<div class="md:grid md:grid-cols-3 md:gap-4">
3232
{% for command in commands %}
3333
{{ include('partials/panel.twig', {
@@ -40,8 +40,8 @@
4040
{% endif %}
4141

4242
{% if get('tab') == 'slabs' %}
43-
<div class="px-6 py-4 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
44-
<div class="flex items-center gap-4 mb-4">
43+
<div class="py-4 px-6 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
44+
<div class="flex gap-4 items-center mb-4">
4545
<div class="font-semibold text-gray-600 dark:text-gray-300">Total memory allocated to slab pages</div>
4646
<div class="text-sm font-semibold text-gray-900 dark:text-white">{{ meta.total_malloced|bytes }}</div>
4747
</div>
@@ -58,7 +58,7 @@
5858
{% endif %}
5959

6060
{% if get('tab') == 'items' %}
61-
<div class="px-6 py-4 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
61+
<div class="py-4 px-6 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
6262
<div class="md:grid md:grid-cols-4 md:gap-4">
6363
{% for item, data in items %}
6464
{{ include('partials/panel.twig', {

‎templates/dashboards/memcached/metrics.twig‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -10,26 +10,26 @@
1010
},
1111
}) }}
1212

13-
<div class="md:grid md:grid-cols-4 gap-4">
14-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-4">
13+
<div class="gap-4 md:grid md:grid-cols-4">
14+
<div class="col-span-4 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
1515
<div id="hit_rate_chart" class="h-90"></div>
1616
</div>
17-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
17+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
1818
<div id="memory_chart" class="h-90"></div>
1919
</div>
20-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
20+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2121
<div id="items_chart" class="h-90"></div>
2222
</div>
23-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
23+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2424
<div id="request_rate_chart" class="h-90"></div>
2525
</div>
26-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
26+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2727
<div id="request_dist_chart" class="h-90"></div>
2828
</div>
29-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
29+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
3030
<div id="connections_chart" class="h-90"></div>
3131
</div>
32-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
32+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
3333
<div id="traffic_chart" class="h-90"></div>
3434
</div>
3535
</div>

‎templates/dashboards/redis/metrics.twig‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -10,20 +10,20 @@
1010
},
1111
}) }}
1212

13-
<div class="md:grid md:grid-cols-4 gap-4">
14-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
13+
<div class="gap-4 md:grid md:grid-cols-4">
14+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
1515
<div id="memory_chart" class="h-90"></div>
1616
</div>
17-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
17+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
1818
<div id="fragmentation_chart" class="h-90"></div>
1919
</div>
20-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
20+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2121
<div id="commands_chart" class="h-90"></div>
2222
</div>
23-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
23+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2424
<div id="hit_rate_chart" class="h-90"></div>
2525
</div>
26-
<div class="p-4 mb-2 rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700 col-span-2">
26+
<div class="col-span-2 p-4 mb-2 bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2727
<div id="connections_chart" class="h-90"></div>
2828
</div>
2929
</div>

‎templates/dashboards/redis/redis.twig‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -28,10 +28,10 @@
2828
{% endif %}
2929

3030
{% if get('tab') == 'slowlog' %}
31-
<div class="rounded-md bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
32-
<div class="px-6 py-4 md:flex justify-between">
33-
<div class="md:flex gap-1 items-center">
34-
<form method="post" class="md:flex gap-1">
31+
<div class="bg-white rounded-md border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
32+
<div class="justify-between py-4 px-6 md:flex">
33+
<div class="gap-1 items-center md:flex">
34+
<form method="post" class="gap-1 md:flex">
3535
{{ include('components/input.twig', {
3636
id: 'slowlog_max_items',
3737
label: 'Display&nbsp;items',
@@ -56,7 +56,7 @@
5656
<div class="text-xs">This will change the config value. Default is 128 items and 10 000 μs.</div>
5757
</div>
5858

59-
<div class="md:flex gap-1">
59+
<div class="gap-1 md:flex">
6060
{{ include('components/button.twig', {
6161
text: 'Reset',
6262
link: link(['tab'], {'resetlog': 1}),
@@ -66,26 +66,26 @@
6666
</div>
6767

6868
<div class="overflow-hidden overflow-x-auto">
69-
<table class="w-full table-auto text-left dark:text-gray-300">
69+
<table class="w-full text-left table-auto dark:text-gray-300">
7070
<thead>
71-
<tr class="text-primary-900 border-t border-b border-gray-200 dark:border-gray-700 dark:text-primary-400">
72-
<th class="px-6 py-2 text-xs font-bold uppercase">ID</th>
73-
<th class="px-6 py-2 text-xs font-bold uppercase">Timestamp</th>
74-
<th class="px-6 py-2 text-xs font-bold uppercase">Duration</th>
75-
<th class="px-6 py-2 text-xs font-bold uppercase">Command</th>
71+
<tr class="border-t border-b border-gray-200 dark:border-gray-700 text-primary-900 dark:text-primary-400">
72+
<th class="py-2 px-6 text-xs font-bold uppercase">ID</th>
73+
<th class="py-2 px-6 text-xs font-bold uppercase">Timestamp</th>
74+
<th class="py-2 px-6 text-xs font-bold uppercase">Duration</th>
75+
<th class="py-2 px-6 text-xs font-bold uppercase">Command</th>
7676
</tr>
7777
</thead>
7878
<tbody>
7979
{% for item in slowlog.items %}
8080
<tr class="hover:bg-gray-50 dark:hover:bg-white/5">
81-
<td class="px-6 py-2 border-t border-gray-200 text-sm dark:border-gray-700 dark:text-gray-300">{{ item[0] }}</td>
82-
<td class="px-6 py-2 border-t border-gray-200 text-sm dark:border-gray-700 dark:text-gray-300">{{ item[1]|time }}</td>
83-
<td class="px-6 py-2 border-t border-gray-200 text-sm dark:border-gray-700 dark:text-gray-300">{{ item[2] }}μs</td>
84-
<td class="px-6 py-2 border-t border-gray-200 text-sm dark:border-gray-700 dark:text-gray-300">{{ item[3]|join(' ') }}</td>
81+
<td class="py-2 px-6 text-sm border-t border-gray-200 dark:text-gray-300 dark:border-gray-700">{{ item[0] }}</td>
82+
<td class="py-2 px-6 text-sm border-t border-gray-200 dark:text-gray-300 dark:border-gray-700">{{ item[1]|time }}</td>
83+
<td class="py-2 px-6 text-sm border-t border-gray-200 dark:text-gray-300 dark:border-gray-700">{{ item[2] }}μs</td>
84+
<td class="py-2 px-6 text-sm border-t border-gray-200 dark:text-gray-300 dark:border-gray-700">{{ item[3]|join(' ') }}</td>
8585
</tr>
8686
{% else %}
8787
<tr class="hover:bg-gray-50 dark:hover:bg-white/5">
88-
<td colspan="4" class="px-6 py-2 border-t border-gray-200 text-sm dark:border-gray-700 dark:text-gray-300 text-center">No items.</td>
88+
<td colspan="4" class="py-2 px-6 text-sm text-center border-t border-gray-200 dark:text-gray-300 dark:border-gray-700">No items.</td>
8989
</tr>
9090
{% endfor %}
9191
</tbody>

0 commit comments

Comments
 (0)