nick/bom2table
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

reformat page

Browse Source
This commit is contained in:
Nick Playfair 2021-03-06 21:24:04 +00:00
parent da07378de7
commit 1adb4d55fd
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/index.html
View File

@ -11,16 +11,21 @@
<h1>BOM to Table</h1> <h1>BOM to Table</h1>
</header> </header>
<main> <main>
<section> <section class="upload">
<h2>Upload BOM csv file</h2> <h2>Upload BOM csv file</h2>
<input id="csvFile" type="file" accept=".csv" /> <input id="csvFile" type="file" accept=".csv" />
<hr /> <hr />
</section>
<section>
<h2>Table</h2>
<table></table> <table></table>
</section> </section>
<section> <section>
<h2>Table HTML</h2> <h2>Table HTML</h2>
<!-- <textarea id="markup" cols="30" rows="10"></textarea> --> <!-- <textarea id="markup" cols="30" rows="10"></textarea> -->
<pre contenteditable=""><code id="markup" class="language-html"></code></pre> <pre contenteditable=""><code id="markup" class="language-html"></code></pre>
</section>
<section>
<h2>JSON Object</h2> <h2>JSON Object</h2>
<pre contenteditable=""><code id="jsonObject"></code></pre> <pre contenteditable=""><code id="jsonObject"></code></pre>
</section> </section>

8
src/style.css
View File

@ -9,10 +9,14 @@ main {
flex-direction: row; flex-direction: row;
flex-flow: wrap; flex-flow: wrap;
min-width: 500px; min-width: 500px;
max-width: 80vw; max-width: 90vw;
justify-content: space-between; justify-content: space-between;
} }
section { section {
flex: 0 0 45%; flex: 0 0 32%;
}
.upload {
flex-basis: 100%;
} }