모바일 디자인 업데이트 및 quick test 에서 start 와 length 를 직접 입력할 수 있게 함
This commit is contained in:
@@ -29,12 +29,12 @@ export const QuickTestPanel: React.FC<Props> = ({
|
||||
|
||||
return (
|
||||
<div className="h-full flex flex-col items-center justify-center p-2 md:p-6 max-w-4xl mx-auto">
|
||||
<div className="text-center mb-10">
|
||||
<div className="hidden md:block text-center mb-10">
|
||||
<div className="inline-flex items-center justify-center p-3 bg-indigo-100 rounded-full mb-4">
|
||||
<Zap className="w-8 h-8 text-indigo-600" />
|
||||
</div>
|
||||
<h1 className="text-3xl font-bold text-slate-800 mb-2">Quick Test Mode</h1>
|
||||
<p className="text-slate-500">
|
||||
<p className="text-slate-500 hidden md:block">
|
||||
필드 내의 첫 번째 태그를 자동으로 감지하여 읽기 또는 쓰기 작업을 수행합니다.
|
||||
</p>
|
||||
</div>
|
||||
@@ -114,7 +114,7 @@ export const QuickTestPanel: React.FC<Props> = ({
|
||||
</div>
|
||||
|
||||
{/* Info / Config Card */}
|
||||
<div className="flex flex-col justify-center space-y-6">
|
||||
<div className="hidden md:flex flex-col justify-center space-y-6">
|
||||
<div className="bg-white p-6 rounded-2xl shadow-sm border border-slate-200 hover:shadow-md transition-shadow">
|
||||
<h3 className="text-lg font-bold text-slate-800 mb-4 flex items-center gap-2">
|
||||
<Zap className="w-5 h-5 text-indigo-500" />
|
||||
@@ -127,7 +127,7 @@ export const QuickTestPanel: React.FC<Props> = ({
|
||||
</div>
|
||||
<div className="flex justify-between items-center p-3 bg-slate-50 rounded-lg">
|
||||
<span className="text-slate-500 text-sm">Start Address</span>
|
||||
<span className="font-bold text-slate-700">2 (User Data)</span>
|
||||
<span className="font-bold text-slate-700">{config.startAddress} (User Data)</span>
|
||||
</div>
|
||||
<div className="flex justify-between items-center p-3 bg-slate-50 rounded-lg">
|
||||
<span className="text-slate-500 text-sm">Data Length</span>
|
||||
@@ -146,7 +146,7 @@ export const QuickTestPanel: React.FC<Props> = ({
|
||||
Note
|
||||
</h4>
|
||||
<p>
|
||||
설정(길이, 포맷)을 변경하려면 <strong>Settings</strong> 탭으로 이동하세요.
|
||||
설정(시작주소, 길이, 포맷)을 변경하려면 <strong>Settings</strong> 탭으로 이동하세요.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user