diff --git a/frontend/apps/db-status/index.html b/frontend/apps/db-status/index.html index c3fdfad..5918e2f 100644 --- a/frontend/apps/db-status/index.html +++ b/frontend/apps/db-status/index.html @@ -110,6 +110,14 @@ .panel-body { padding: 16px 18px 20px; } + .panel-toolbar { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; + margin-bottom: 14px; + flex-wrap: wrap; + } .panel-body.tight { padding-top: 0; } @@ -211,6 +219,44 @@ font-size: 11px; font-weight: 700; } + .toolbar-input { + width: min(360px, 100%); + padding: 11px 14px; + border-radius: 14px; + border: 1px solid rgba(132, 102, 54, 0.16); + background: rgba(255, 251, 244, 0.96); + color: #2f2419; + font: inherit; + } + .toolbar-input:focus { + outline: none; + border-color: rgba(129, 88, 31, 0.34); + box-shadow: 0 0 0 4px rgba(208, 176, 116, 0.16); + } + .toolbar-actions { + display: flex; + align-items: center; + gap: 10px; + flex-wrap: wrap; + } + .action-button { + border: 1px solid rgba(128, 98, 48, 0.14); + background: rgba(250, 240, 213, 0.62); + color: #6c4a1a; + border-radius: 999px; + padding: 9px 14px; + font: inherit; + font-size: 12px; + font-weight: 800; + cursor: pointer; + } + .action-button:hover { + background: rgba(244, 228, 186, 0.8); + } + .action-button:disabled { + cursor: not-allowed; + opacity: 0.45; + } .notes { margin: 0; padding-left: 18px; @@ -389,6 +435,12 @@ 로딩 중
+
+ +
+ 0 / 0 +
+
@@ -499,7 +551,10 @@

테이블 내용 미리보기

선택한 테이블의 컬럼과 최대 50개 row를 표시합니다.

- +
+ + +