summaryrefslogtreecommitdiff
path: root/gerbonara/cad/protoserve_data/protoserve.html
diff options
context:
space:
mode:
authorjaseg <git@jaseg.de>2023-04-09 18:46:36 +0200
committerjaseg <git@jaseg.de>2023-04-10 23:57:15 +0200
commit8181651a75fab99acc986bcf3105779317ac4e2e (patch)
treee5ac9f026d0c82477229608f4d41fd8ac559ab33 /gerbonara/cad/protoserve_data/protoserve.html
parent888ae71889dfb4a9698f8f2607b649d384dd3738 (diff)
downloadgerbonara-8181651a75fab99acc986bcf3105779317ac4e2e.tar.gz
gerbonara-8181651a75fab99acc986bcf3105779317ac4e2e.tar.bz2
gerbonara-8181651a75fab99acc986bcf3105779317ac4e2e.zip
protoserve: Fix bugs, make gerber link more visible
Diffstat (limited to 'gerbonara/cad/protoserve_data/protoserve.html')
-rw-r--r--gerbonara/cad/protoserve_data/protoserve.html24
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