From bea7383e2107d276afca908bfc2428a6dc48e403 Mon Sep 17 00:00:00 2001 From: gudae01 Date: Wed, 18 Jun 2025 16:57:08 +0900 Subject: [PATCH] protocol to change sidebar --- src/main/resources/static/index.html | 683 ++++++++++++++------------- 1 file changed, 356 insertions(+), 327 deletions(-) diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html index 7b34564..1b50d71 100644 --- a/src/main/resources/static/index.html +++ b/src/main/resources/static/index.html @@ -78,6 +78,91 @@ .config-actions{display:flex;gap:24px;justify-content:center;padding: 20px} .config-actions button{min-width:140px;padding:10px 18px;font-size:16px;border:1px solid #bbb;background:#d9d9d9;border-radius:4px;cursor:pointer} + + /* MODBUS 화면 심플 스타일 */ + #page-modbus .card { + background: #f7f7f7; + border: 1px solid #bbb; + box-shadow: none; + padding: 24px; + border-radius: 4px; + } + #page-modbus table { + width: 100%; + border-collapse: collapse; + background: #fff; + border: 1px solid #bbb; + } + #page-modbus th, #page-modbus td { + border: 1px solid #bbb; + padding: 6px 8px; + text-align: left; + background: #fff; + } + #page-modbus th { + background: #e5e5e5; + font-weight: 500; + } + #page-modbus .modbus-input-area { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 8px 32px; + margin: 24px 0 16px 0; + background: #eaeaea; + padding: 16px 0; + border-radius: 4px; + } + #page-modbus .input-row { + display: flex; + align-items: center; + gap: 12px; + margin-bottom: 8px; + } + #page-modbus .input-row label { + min-width: 80px; + color: #444; + } + #page-modbus .input-row input { + background: #e0e0e0; + border: none; + border-radius: 2px; + padding: 4px 8px; + min-width: 120px; + } + #page-modbus .modbus-actions { + display: flex; + gap: 24px; + justify-content: center; + margin: 16px 0 0 0; + } + #page-modbus .modbus-actions button { + background: #d3d3d3; + border: 1px solid #aaa; + border-radius: 2px; + padding: 8px 24px; + font-size: 16px; + cursor: pointer; + } + /* 하단 버튼 영역 */ + #modbus-bottom-actions { + display: flex; + gap: 24px; + justify-content: center; + background: #f7f7f7; + border: 1px solid #bbb; + border-radius: 4px; + margin: 24px 0 0 0; + padding: 20px 0; + } + #modbus-bottom-actions button { + background: #e0e0e0; + border: 1px solid #aaa; + border-radius: 2px; + padding: 10px 18px; + font-size: 16px; + min-width: 140px; + cursor: pointer; + } @@ -402,19 +487,9 @@ - -