Ku6epXBOCTuK/css-matrix-calc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve header gap, textarea size

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-06-23 22:09:37 +05:00
parent 37204f0de4
commit f4159ca104
2 changed files with 24 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+14 -5
View File
@@ -43,12 +43,21 @@
</div> </div>
<div class="field-size-stack"> <div class="field-size-stack">
<div class="chain-link" id="chainLink" title="Keep aspect ratio"> <div class="chain-link" id="chainLink" title="Keep aspect ratio">
<svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <svg
viewBox="0 0 24 24"
width="20"
height="20"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path class="chain-locked" d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /> <path class="chain-locked" d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" />
<path class="chain-locked" d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /> <path class="chain-locked" d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" />
<path class="chain-unlocked" d="M13.5 10.5l3-3" style="display:none" /> <path class="chain-unlocked" d="M13.5 10.5l3-3" style="display: none" />
<path class="chain-unlocked" d="M10.5 13.5l-3 3" style="display:none" /> <path class="chain-unlocked" d="M10.5 13.5l-3 3" style="display: none" />
<path class="chain-unlocked" d="M7.5 7.5l9 9" style="display:none" /> <path class="chain-unlocked" d="M7.5 7.5l9 9" style="display: none" />
</svg> </svg>
</div> </div>
<div class="field-stack-inputs"> <div class="field-stack-inputs">
@@ -83,7 +92,7 @@
<div class="panel"> <div class="panel">
<h2>CSS Output</h2> <h2>CSS Output</h2>
<textarea id="cssOutput" readonly></textarea> <textarea id="cssOutput" rows="10" readonly></textarea>
<div class="btn-row"> <div class="btn-row">
<button class="btn btn-copy" id="copyBtn">Копировать CSS</button> <button class="btn btn-copy" id="copyBtn">Копировать CSS</button>
<button class="btn btn-reset" id="resetBtn">Сброс</button> <button class="btn btn-reset" id="resetBtn">Сброс</button>
style.css
+10 -3
View File
@@ -66,7 +66,9 @@ header p {
font-size: 13px; font-size: 13px;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
transition: background 0.15s, color 0.15s; transition:
background 0.15s,
color 0.15s;
} }
.mode-btn:hover { .mode-btn:hover {
color: var(--text); color: var(--text);
@@ -81,6 +83,7 @@ header p {
color: var(--accent); color: var(--accent);
font-weight: 500; font-weight: 500;
margin-right: 8px; margin-right: 8px;
margin-left: auto;
white-space: nowrap; white-space: nowrap;
} }
@@ -294,7 +297,9 @@ main {
font-size: 12px; font-size: 12px;
font-weight: 600; font-weight: 600;
cursor: pointer; cursor: pointer;
transition: background 0.15s, color 0.15s; transition:
background 0.15s,
color 0.15s;
} }
.btn-edit-field:hover { .btn-edit-field:hover {
background: rgba(88, 166, 255, 0.1); background: rgba(88, 166, 255, 0.1);
@@ -348,7 +353,9 @@ main {
color: var(--accent); color: var(--accent);
cursor: pointer; cursor: pointer;
flex-shrink: 0; flex-shrink: 0;
transition: background 0.15s, color 0.15s; transition:
background 0.15s,
color 0.15s;
} }
.chain-link:hover { .chain-link:hover {
background: rgba(88, 166, 255, 0.1); background: rgba(88, 166, 255, 0.1);