mirror of
https://github.com/javl/image2cpp.git
synced 2026-09-11 09:03:04 +00:00
update layout
This commit is contained in:
+6
-1
@@ -343,7 +343,12 @@ code {
|
|||||||
|
|
||||||
.input-methods-row {
|
.input-methods-row {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: space-between;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-methods-row .column {
|
||||||
|
width: 50%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
|
|||||||
+1
-1
@@ -63,7 +63,7 @@
|
|||||||
<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>
|
||||||
<div class="note" id="continue-note">Select more images or <a href="#step-2">continue to step 2</a></div>
|
<div class="note" id="continue-note">Add more images or <a href="#step-2">continue to step 2</a></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="column column-right">
|
<div class="column column-right">
|
||||||
<h2 class="sub-section-title">or paste existing byte array</h2>
|
<h2 class="sub-section-title">or paste existing byte array</h2>
|
||||||
|
|||||||
+1
-1
@@ -175,7 +175,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-1">
|
<div class="flex-1">
|
||||||
<label class="block font-label-mono text-label-mono text-primary mb-2">Or Paste Byte Array</label>
|
<label class="block font-label-mono text-label-mono text-primary mb-2">Or Paste Existing Byte Array</label>
|
||||||
<textarea class="w-full h-[180px] bg-surface-container text-on-surface-variant font-code-block text-code-block p-4 rounded-lg border-none focus:ring-2 focus:ring-primary focus:outline-none resize-none" placeholder="0xFF, 0x00, 0xAA..."></textarea>
|
<textarea class="w-full h-[180px] bg-surface-container text-on-surface-variant font-code-block text-code-block p-4 rounded-lg border-none focus:ring-2 focus:ring-primary focus:outline-none resize-none" placeholder="0xFF, 0x00, 0xAA..."></textarea>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user