32 lines
1.3 KiB
HTML
32 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="ja"><head><meta charset="utf-8">
|
|
<title>比較: 新しい依頼ボタン配置</title>
|
|
<link rel="stylesheet" href="../colors_and_type.css">
|
|
<style>
|
|
* { box-sizing: border-box; }
|
|
html, body { margin: 0; height: 100%; background: #f1f5f9; font-family: var(--font-sans); }
|
|
.wrap { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; height: 100vh; background: #cbd5e1; }
|
|
.col { display: flex; flex-direction: column; background: #fff; overflow: hidden; }
|
|
.label {
|
|
flex-shrink: 0; padding: 10px 16px; background: #0f172a; color: #f1f5f9;
|
|
font-family: 'IBM Plex Mono', monospace; font-size: 11px; font-weight: 700;
|
|
letter-spacing: .1em; text-transform: uppercase;
|
|
display: flex; justify-content: space-between; align-items: center;
|
|
}
|
|
.label .tag { color: #94a3b8; font-weight: 400; }
|
|
.label.a { background: #1d4ed8; }
|
|
iframe { flex: 1; width: 100%; border: none; min-height: 0; }
|
|
</style></head>
|
|
<body>
|
|
<div class="wrap">
|
|
<div class="col">
|
|
<div class="label"><span>現状</span><span class="tag">TopBar 右上</span></div>
|
|
<iframe src="admin/index.html"></iframe>
|
|
</div>
|
|
<div class="col">
|
|
<div class="label a"><span>案 A</span><span class="tag">左パネル最上部</span></div>
|
|
<iframe src="admin-v2/index.html"></iframe>
|
|
</div>
|
|
</div>
|
|
</body></html>
|