Michel2/image2cpp
1
0
Fork 0
mirror of https://github.com/javl/image2cpp.git synced 2026-09-11 09:03:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove some unneeded clutter

Browse Source
This commit is contained in:
javl
2026-08-18 13:55:35 +02:00
parent c898042f21
commit 3c71d4fd51
2 changed files with 20 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
css/style.css
+12 -11
View File
@@ -165,7 +165,8 @@ body {
.section.step { .section.step {
position: relative; position: relative;
padding-left: 72px; /* padding-left: 72px; */
padding: var(--space-4);
scroll-margin-top: 88px; scroll-margin-top: 88px;
} }
@@ -193,7 +194,7 @@ body {
border-color: var(--primary); border-color: var(--primary);
} }
.step::before { /* .step::before {
content: ""; content: "";
position: absolute; position: absolute;
left: 35px; left: 35px;
@@ -202,17 +203,17 @@ body {
width: 2px; width: 2px;
background: var(--border-hard); background: var(--border-hard);
z-index: 1; z-index: 1;
} } */
#step-0.step::before, #step-4.step::before { /* #step-0.step::before, #step-4.step::before {
display: none; display: none;
} } */
/* step-3 (Preview) lives as a pinned side panel next to Settings, not /* step-3 (Preview) lives as a pinned side panel next to Settings, not
inline in the vertical step flow, so it doesn't carry a connecting rail */ inline in the vertical step flow, so it doesn't carry a connecting rail */
#step-3.step::before { /* #step-3.step::before {
display: none; display: none;
} } */
/* ---- Typography ---- */ /* ---- Typography ---- */
@@ -874,18 +875,18 @@ input[type="file"]::file-selector-button {
display: none; display: none;
} }
.section.step { /* .section.step {
padding-left: 32px; padding-left: 32px;
} } */
.step-num { .step-num {
position: static; position: static;
margin-bottom: var(--space-4); margin-bottom: var(--space-4);
} }
.step::before { /* .step::before {
display: none; display: none;
} } */
.input-methods-row { .input-methods-row {
flex-direction: column; flex-direction: column;
index.html
+8 -9
View File
@@ -53,11 +53,10 @@
</section> </section>
<section class="section step bottom-divider" id="step-1"> <section class="section step bottom-divider" id="step-1">
<div class="step-num">1</div> <!-- <div class="step-num">1</div> -->
<section class="sub-section input-methods-row"> <section class="sub-section input-methods-row">
<div class="column-left" id="file-input-column"> <div class="column-left" id="file-input-column">
<!-- // <h2 class="sub-section-title">Select image</h2> // --> <h2>1. Select image</h2>
<h2>Select image</h2>
<div class="note upload-note">You can import multiple images at once.<br>All processing is done locally in your browser: your images are not uploaded or stored anywhere online.</div> <div class="note upload-note">You can import multiple images at once.<br>All processing is done locally in your browser: your images are not uploaded or stored anywhere online.</div>
<input type="file" id="file-input" name="file-input" multiple/><br /> <input type="file" id="file-input" name="file-input" multiple/><br />
<div id="file-input-column-items"></div> <div id="file-input-column-items"></div>
@@ -72,7 +71,7 @@
</div> </div>
<div class="column-right"> <div class="column-right">
<!-- // <h2 class="sub-section-title">or paste existing byte array</h2> // --> <!-- // <h2 class="sub-section-title">or paste existing byte array</h2> // -->
<h2>Or paste existing byte array</h2> <h2>1. Paste existing byte array</h2>
<textarea id="byte-input" class="byte-input" placeholder="i.e. 0xff, 0x81, 0x0d, 0x8d, 0xb1, 0xb1, 0x80, 0xfc"></textarea><br /> <textarea id="byte-input" class="byte-input" placeholder="i.e. 0xff, 0x81, 0x0d, 0x8d, 0xb1, 0xb1, 0x80, 0xfc"></textarea><br />
<div class="text-input-size"> <div class="text-input-size">
<input type="number" min="1" id="text-input-width" class="size-input" value="128" /> x <input type="number" min="1" id="text-input-width" class="size-input" value="128" /> x
@@ -92,8 +91,8 @@
<div class="settings-preview-row"> <div class="settings-preview-row">
<section class="section step bottom-divider" id="step-2"> <section class="section step bottom-divider" id="step-2">
<div class="step-num">2</div> <!-- <div class="step-num">2</div> -->
<h2>Image Settings</h2> <h2>2. Image Settings</h2>
<section class="sub-section"> <section class="sub-section">
<div class="table settings-grid"> <div class="table settings-grid">
@@ -229,7 +228,7 @@
</section> </section>
<section class="section step bottom-divider" id="step-3"> <section class="section step bottom-divider" id="step-3">
<div class="step-num">3</div> <!-- <div class="step-num">3</div> -->
<h2>Preview</h2> <h2>Preview</h2>
<section class="sub-section"> <section class="sub-section">
<div class="no-file-selected msg">No files selected</div> <div class="no-file-selected msg">No files selected</div>
@@ -239,8 +238,8 @@
</div> </div>
<section class="section step" id="step-4"> <section class="section step" id="step-4">
<div class="step-num">4</div> <!-- <div class="step-num">4</div> -->
<h2>Output</h2> <h2>3. Output</h2>
<section class="sub-section"> <section class="sub-section">
<div class="table"> <div class="table">
<div class="table-row"> <div class="table-row">