update

backend/static/css/jobs.css

@@ -0,0 +1,86 @@
+/* Status Dot Styles */
+.status-dot {
+    display: inline-block;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%;
+    background-color: #6c757d;
+}
+
+.status-dot.active {
+    background-color: #198754;
+    animation: pulse 2s infinite;
+}
+
+@keyframes pulse {
+
+    0%,
+    100% {
+        opacity: 1;
+    }
+
+    50% {
+        opacity: 0.5;
+    }
+}
+
+/* Table Text Handling */
+#jobs-table {
+    table-layout: fixed;
+    width: 100%;
+}
+
+#jobs-table td {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    max-width: 300px;
+}
+
+/* Column Width Fixed */
+#jobs-table td:nth-child(1) {
+    max-width: 110px;
+}
+
+/* IP */
+#jobs-table td:nth-child(2) {
+    max-width: 160px;
+    font-size: 0.85rem;
+}
+
+/* JID */
+#jobs-table td:nth-child(3) {
+    max-width: 200px;
+}
+
+/* 작업명 */
+#jobs-table td:nth-child(4) {
+    max-width: 180px;
+}
+
+/* 상태 */
+#jobs-table td:nth-child(5) {
+    max-width: 120px;
+}
+
+/* 진행률 */
+#jobs-table td:nth-child(6) {
+    max-width: 300px;
+}
+
+/* 메시지 */
+#jobs-table td:nth-child(7) {
+    max-width: 150px;
+}
+
+/* 시간 */
+
+/* Hover to Show Full Text */
+#jobs-table td:hover {
+    white-space: normal;
+    overflow: visible;
+    position: relative;
+    z-index: 1000;
+    background-color: #fff;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}