diff options
| author | jaseg <git@jaseg.de> | 2023-04-09 18:46:36 +0200 |
|---|---|---|
| committer | jaseg <git@jaseg.de> | 2023-04-09 18:46:36 +0200 |
| commit | b60ae26db2d86dfed96d47cda5c5568235da8a1b (patch) | |
| tree | c15d48c6020389e7a230767927dc48258e5a38b8 /gerbonara/cad/protoserve_data | |
| parent | f74bd30c0f9e4550a50fa68a9580a047fcc6d566 (diff) | |
| download | gerbonara-wip.tar.gz gerbonara-wip.tar.bz2 gerbonara-wip.zip | |
protoserve: Fix bugs, make gerber link more visiblewip
Diffstat (limited to 'gerbonara/cad/protoserve_data')
| -rw-r--r-- | gerbonara/cad/protoserve_data/protoserve.html | 24 |
1 files changed, 21 insertions, 3 deletions
diff --git a/gerbonara/cad/protoserve_data/protoserve.html b/gerbonara/cad/protoserve_data/protoserve.html index 7bc9a30..3afeb5c 100644 --- a/gerbonara/cad/protoserve_data/protoserve.html +++ b/gerbonara/cad/protoserve_data/protoserve.html @@ -15,6 +15,7 @@ html, body { margin: 0; width: 100%; height: 100%; + font-family: Helvetica, Segoe UI, Sans-Serif; } body { @@ -161,6 +162,7 @@ input { #preview { grid-area: main; + padding: 20px; } #preview-image { @@ -171,6 +173,18 @@ input { #links { grid-area: links; + display: flex; + justify-content: center; + padding: 5px; +} + +#link-gerbers { + background-color: #0d6efd; + color: white; + font-weight: bold; + box-shadow: 0px 0px 1px 1px hsl(0, 0%, 0% / 20%); + border-radius: .5em; + padding: 1em 2em 1em 2em; } .layout-area { @@ -203,6 +217,10 @@ input { color: hsl(0 0% 60%); } +.narrow-only { + display: none; +} + </style> </head> <body> @@ -266,8 +284,8 @@ input { <img id="preview-image" alt="Automatically generated preview image"/> </div> <div id="links"> - <a href="#controls">Settings</a> - <a href="#preview">Preview</a> + <a class="narrow-only" href="#controls">Settings</a> + <a class="narrow-only" href="#preview">Preview</a> <a id="link-gerbers" href='#'> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="1em"> <title>Download</title> @@ -313,7 +331,7 @@ input { </template> <template id="tpl-g-twoside"> - <div class="group split-sides"> + <div data-type='twoside' class="group split-sides"> <h4>Split front and back</h4> <span class="content area-controls">(<a href="#" class="area-remove">Remove</a><a href="#" class="area-move">Move</a>)</span> <label class="proportion">Proportion |