diff --git a/query.cfm b/query.cfm
index 9cdf021..434f1ef 100644
--- a/query.cfm
+++ b/query.cfm
@@ -12,7 +12,7 @@
.header-content { display: flex; align-items: center; justify-content: space-between; }
.logo { height: 40px; }
.main-content { padding: 32px 0; }
- .card { background: #fff; padding: 28px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); margin-bottom: 20px; }
+ .card { background: #fff; padding: 24px; border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.04); margin-bottom: 20px; }
.btn { display: inline-flex; align-items: center; justify-content: center; cursor: pointer; padding: 12px 24px; border: none; border-radius: 8px; font-weight: 600; font-size: 14px; }
.btn-primary { background: var(--nubes-blue); color: #fff; }
.btn-action { padding: 12px; background: #fff; border: 1px solid var(--nubes-border); border-radius: 8px; font-size: 22px; line-height: 1; cursor: pointer; min-width: 46px; }
@@ -20,8 +20,8 @@
.input-group { display: flex; gap: 12px; margin-bottom: 12px; }
input[type="text"] { flex-grow: 1; padding: 12px 16px; border: 1px solid var(--nubes-border); border-radius: 8px; font-size: 14px; }
table { width: 100%; border-collapse: collapse; }
- th { text-align: left; padding: 12px; font-size: 12px; text-transform: uppercase; color: #6B7280; border-bottom: 1px solid var(--nubes-border); }
- td { padding: 12px; border-bottom: 1px solid var(--nubes-border); vertical-align: top; }
+ th { text-align: left; padding: 8px 10px; font-size: 11px; text-transform: uppercase; color: #6B7280; border-bottom: 1px solid var(--nubes-border); }
+ td { padding: 8px 10px; font-size: 12px; border-bottom: 1px solid var(--nubes-border); vertical-align: top; }
tbody tr:nth-child(even) { background-color: #FAFBFC; }
tbody tr:hover { background-color: #F3F4F6; }
.id-cell { font-family: monospace; color: #9CA3AF; width: 60px; }
@@ -37,6 +37,14 @@
.top-info { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.link-row { display: flex; gap: 10px; align-items: center; }
.link-row a { color: var(--nubes-blue); text-decoration: none; font-weight: 600; }
+ .split { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
+ .tight { font-size: 12px; }
+ .col-queued { width: 120px; }
+ .col-processed { width: 120px; }
+ .col-status { width: 90px; }
+ @media (max-width: 980px) {
+ .split { grid-template-columns: 1fr; }
+ }
@@ -112,63 +120,65 @@
πΎ β ΡΠΎΡ
ΡΠ°Π½ΠΈΡΡ (update), π β ΡΠ΄Π°Π»ΠΈΡΡ
-
-
ΠΡΠ΅ΡΠ΅Π΄Ρ (Π»ΠΎΠ³ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ)
-
-
-
- | ID |
- ΠΠ΅ΠΉΡΡΠ²ΠΈΠ΅ |
- Π’Π΅ΠΊΡΡ |
- Queued |
- Processed |
- Π‘ΡΠ°ΡΡΡ |
-
-
-
-
-
- | #id# |
- #uCase(action)# |
- #HTMLEditFormat(text)# |
- #dateTimeFormat(queued_at, "yyyy-mm-dd HH:nn:ss")# |
- #dateTimeFormat(processed_at, "yyyy-mm-dd HH:nn:ss")#- |
-
- #status#
- |
-
-
-
-
-
+
+
ΠΡΠ΅ΡΠ΅Π΄Ρ (Π»ΠΎΠ³ ΠΎΡΠΏΡΠ°Π²ΠΊΠΈ)
+
+
+
+ | ID |
+ ΠΠ΅ΠΉΡΡΠ²ΠΈΠ΅ |
+ Π’Π΅ΠΊΡΡ |
+ Queued |
+ Processed |
+ Π‘ΡΠ°ΡΡΡ |
+
+
+
+
+
+ | #id# |
+ #uCase(action)# |
+ #HTMLEditFormat(text)# |
+ #dateTimeFormat(queued_at, "yyyy-mm-dd HH:nn:ss")# |
+ #dateTimeFormat(processed_at, "yyyy-mm-dd HH:nn:ss")#- |
+
+ #status#
+ |
+
+
+
+
+
-
-
ΠΠ°Π·Π° (ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π°ΠΏΠΈΡΠΈ)
-
SELECT * FROM #request.tableName# ORDER BY id DESC LIMIT 20
-
- | ID | Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ | ΠΠ΅ΠΉΡΡΠ²ΠΈΡ |
|---|
-
-
-
-
- | #id# |
-
-
- |
-
-
-
- |
-
-
-
-
+
+
ΠΠ°Π·Π° (ΡΠ°ΠΊΡΠΈΡΠ΅ΡΠΊΠΈΠ΅ Π·Π°ΠΏΠΈΡΠΈ)
+
SELECT * FROM #request.tableName# ORDER BY id DESC LIMIT 20
+
+ | ID | Π‘ΠΎΠ΄Π΅ΡΠΆΠΈΠΌΠΎΠ΅ | ΠΠ΅ΠΉΡΡΠ²ΠΈΡ |
|---|
+
+
+
+
+ | #id# |
+
+
+ |
+
+
+
+ |
+
+
+
+
+