Skip to content

Commit 4e8cb42

Browse files
committed
CSS fixes
1 parent 9af9dd3 commit 4e8cb42

File tree

6 files changed

+26
-75
lines changed

6 files changed

+26
-75
lines changed

assets/css/styles.css

Lines changed: 12 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -537,10 +537,6 @@ video {
537537
margin-bottom: 1rem;
538538
}
539539

540-
.-mb-px {
541-
margin-bottom: -1px;
542-
}
543-
544540
.-mt-1\.5 {
545541
margin-top: -0.375rem;
546542
}
@@ -557,6 +553,10 @@ video {
557553
margin-bottom: 1rem;
558554
}
559555

556+
.mb-5 {
557+
margin-bottom: 1.25rem;
558+
}
559+
560560
.mr-1 {
561561
margin-right: 0.25rem;
562562
}
@@ -711,6 +711,10 @@ video {
711711
gap: 0.5rem;
712712
}
713713

714+
.gap-3 {
715+
gap: 0.75rem;
716+
}
717+
714718
.gap-4 {
715719
gap: 1rem;
716720
}
@@ -755,16 +759,6 @@ video {
755759
border-radius: 9999px;
756760
}
757761

758-
.rounded-b {
759-
border-bottom-right-radius: 0.25rem;
760-
border-bottom-left-radius: 0.25rem;
761-
}
762-
763-
.rounded-b-none {
764-
border-bottom-right-radius: 0px;
765-
border-bottom-left-radius: 0px;
766-
}
767-
768762
.rounded-l {
769763
border-top-left-radius: 0.25rem;
770764
border-bottom-left-radius: 0.25rem;
@@ -780,11 +774,6 @@ video {
780774
border-bottom-right-radius: 0.25rem;
781775
}
782776

783-
.rounded-t-none {
784-
border-top-left-radius: 0px;
785-
border-top-right-radius: 0px;
786-
}
787-
788777
.border {
789778
border-width: 1px;
790779
}
@@ -793,14 +782,6 @@ video {
793782
border-bottom-width: 1px;
794783
}
795784

796-
.border-b-0 {
797-
border-bottom-width: 0px;
798-
}
799-
800-
.border-b-2 {
801-
border-bottom-width: 2px;
802-
}
803-
804785
.border-l {
805786
border-left-width: 1px;
806787
}
@@ -821,10 +802,6 @@ video {
821802
border-color: var(--primary-color-400);
822803
}
823804

824-
.border-primary-600 {
825-
border-color: var(--primary-color-600);
826-
}
827-
828805
.border-transparent {
829806
border-color: transparent;
830807
}
@@ -833,12 +810,12 @@ video {
833810
background-color: #3b82f6;
834811
}
835812

836-
.bg-gray-200 {
837-
background-color: #e5e7eb;
813+
.bg-gray-100 {
814+
background-color: #f3f4f6;
838815
}
839816

840-
.bg-gray-50 {
841-
background-color: #f9fafb;
817+
.bg-gray-200 {
818+
background-color: #e5e7eb;
842819
}
843820

844821
.bg-gray-500\/75 {
@@ -1034,10 +1011,6 @@ video {
10341011
color: var(--primary-color-500);
10351012
}
10361013

1037-
.text-primary-600 {
1038-
color: var(--primary-color-600);
1039-
}
1040-
10411014
.text-primary-700 {
10421015
color: var(--primary-color-700);
10431016
}
@@ -1282,10 +1255,6 @@ video {
12821255
word-break: break-all;
12831256
}
12841257

1285-
.hover\:border-gray-300:hover {
1286-
border-color: #d1d5db;
1287-
}
1288-
12891258
.hover\:bg-gray-100:hover {
12901259
background-color: #f3f4f6;
12911260
}
@@ -1381,10 +1350,6 @@ video {
13811350
border-color: #374151;
13821351
}
13831352

1384-
.dark\:border-primary-500:is(.dark *) {
1385-
border-color: var(--primary-color-500);
1386-
}
1387-
13881353
.dark\:border-primary-700:is(.dark *) {
13891354
border-color: var(--primary-color-700);
13901355
}
@@ -1465,10 +1430,6 @@ video {
14651430
color: var(--primary-color-400);
14661431
}
14671432

1468-
.dark\:text-primary-500:is(.dark *) {
1469-
color: var(--primary-color-500);
1470-
}
1471-
14721433
.dark\:text-red-400:is(.dark *) {
14731434
color: #f87171;
14741435
}
@@ -1497,10 +1458,6 @@ video {
14971458
background-color: var(--primary-color-500);
14981459
}
14991460

1500-
.dark\:hover\:border-gray-500:hover:is(.dark *) {
1501-
border-color: #6b7280;
1502-
}
1503-
15041461
.dark\:hover\:bg-gray-700:hover:is(.dark *) {
15051462
background-color: #374151;
15061463
}

templates/components/tabs.twig

Lines changed: 10 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,10 @@
1-
<div class="rounded rounded-b-none bg-white border border-b-0 border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2-
<div class="text-sm font-semibold text-center border-b border-gray-200 -mb-px text-gray-500 dark:text-gray-400 dark:border-gray-700">
3-
<ul class="flex flex-wrap -mb-px gap-2">
4-
{% for link, title in links %}
5-
{% set active = get('tab', links|keys|first) == link ? ' text-primary-600 border-primary-600 dark:text-primary-500 dark:border-primary-500' : ' border-transparent' %}
6-
<li>
7-
<a href="{{ link([], {'tab': link}) }}" class="inline-block px-6 py-4 border-b-2 hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 dark:hover:border-gray-500{{ active }}">
8-
{{ title }}
9-
</a>
10-
</li>
11-
{% endfor %}
12-
</ul>
13-
</div>
14-
</div>
1+
<ul class="flex flex-wrap gap-3 mb-5">
2+
{% for link, title in links %}
3+
{% set active = get('tab', links|keys|first) == link ? ' shadow bg-white dark:bg-gray-700' : ' hover:text-gray-600 dark:hover:text-gray-300' %}
4+
<li>
5+
<a href="{{ link([], {'tab': link}) }}" class="text-sm inline-flex rounded py-1.5 px-3 border border-transparent{{ active }}">
6+
{{ title }}
7+
</a>
8+
</li>
9+
{% endfor %}
10+
</ul>

templates/dashboards/memcached.twig

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77

88
{% if get('tab', 'keys') == 'keys' %}
99
{{ include('partials/keys_table.twig', {
10-
tabs: true,
1110
buttons: {
1211
import_btn: true,
1312
export_btn: true,
@@ -23,7 +22,7 @@
2322
{% endif %}
2423

2524
{% if get('tab') == 'commands_stats' %}
26-
<div class="px-6 py-4 rounded-b bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
25+
<div class="px-6 py-4 rounded bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2726
<div class="md:grid md:grid-cols-3 md:gap-4">
2827
{% for command in commands %}
2928
{{ include('partials/panel.twig', {

templates/dashboards/redis/redis.twig

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77

88
{% if get('tab', 'keys') == 'keys' %}
99
{{ include('partials/keys_table.twig', {
10-
tabs: true,
1110
buttons: {
1211
import_btn: true,
1312
export_btn: true,
@@ -26,7 +25,7 @@
2625
{% endif %}
2726

2827
{% if get('tab') == 'slowlog' %}
29-
<div class="rounded-b bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
28+
<div class="rounded bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
3029
<div class="px-6 py-4 md:flex justify-between">
3130
<form method="post" class="md:flex gap-1">
3231
{{ include('components/input.twig', {

templates/layout.twig

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@
1717
{%- endif %}
1818

1919
</head>
20-
<body class="bg-gray-50 text-gray-900 dark:text-gray-200 dark:bg-gray-900" data-dashboard="{{ current }}">
20+
<body class="bg-gray-100 text-gray-900 dark:text-gray-200 dark:bg-gray-900" data-dashboard="{{ current }}">
2121
<header class="grid md:grid-cols-3 p-4 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700">
2222
<div class="flex">
2323
<a class="block w-72 md:me-4" href="/">{{ svg('logo', null) }}</a>

templates/partials/keys_table.twig

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{% set show_actions = hide_actions is not defined or hide_actions == false %}
2-
<div class="mb-4 rounded{{ tabs ? ' rounded-t-none' : '' }} bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
2+
<div class="mb-4 rounded bg-white border border-gray-200 dark:bg-gray-800 dark:border-gray-700">
33
<div class="px-6 py-4 md:flex justify-between">
44
<div>
55
{% if all_keys != 0 %}

0 commit comments

Comments
 (0)