svg.pablopie.xyz
A simple SVG markup editor for the web
- Commit
- 5965324fa08a26a011da64a0aa71c8e1951c0a64
-
- Parent
- 690c6672c906fe48f6f15c3da0e227cbdc99f1a0
-
- Author
- Pablo Emilio Escobar Gaviria <pablo-escobar@riseup.net>
- Date
Minor tweaks to the UI
Added a
tag to the example picture
</p>
<p>
Removed margins from the error icon
</p>
</article>
<h2>Diffstats</h2>
<p>2 files changed, 3 insertions, 4 deletions</p>
<div class="table-container">
<table>
<thead>
<tr>
<td>Status</td>
<td>Name</td>
<td align="right">Changes</td>
<td align="right">Insertions</td>
<td align="right">Deletions</td>
<tr>
</thead>
<tbody>
<tr>
<td style="width: 4em;">Modified</td>
<td><a href="#d0">assets/example.svg</a></td>
<td align="right">2 files changed</td>
<td align="right" style="width: 4em;">1</td>
<td align="right" style="width: 4em;">0</td>
</tr>
<tr>
<td style="width: 4em;">Modified</td>
<td><a href="#d1">css/svg.css</a></td>
<td align="right">2 files changed</td>
<td align="right" style="width: 4em;">2</td>
<td align="right" style="width: 4em;">4</td>
</tr>
</tbody>
</table>
</div>
<div class="code-block" id="d0">
<pre><b>diff --git a/<a id="d#0" href="/svg.pablopie.xyz/tree/assets/example.svg.html">assets/example.svg</a> b/<a href="/svg.pablopie.xyz/tree/assets/example.svg.html">assets/example.svg</a></b>
<a href="#d0-0" id="d0-0" class="h">@@ -1,6 +1,7 @@
</a> <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Edit the source code of the image and preview the results -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 97.538">
<a href="#d0-0-4" id="d0-0-4" class="i">+ <title>A simple SVG markup editor</title>
</a> <path fill="#0d1928"
d="M42.649
0c-.68-.009-1.51.092-2.485.307-2.749.634-2.854.74-3.488
</pre>
</div>
<div class="code-block" id="d1">
<pre><b>diff --git a/<a id="d#1" href="/svg.pablopie.xyz/tree/css/svg.css.html">css/svg.css</a> b/<a href="/svg.pablopie.xyz/tree/css/svg.css.html">css/svg.css</a></b>
<a href="#d1-0" id="d1-0" class="h">@@ -96,10 +96,8 @@ body {
</a> }
#container #display img#error {
<a href="#d1-0-99" id="d1-0-99" class="d">- width: calc(100% - 2em);
</a><a href="#d1-0-100" id="d1-0-100" class="d">- height: calc(100% - 2em);
</a><a href="#d1-0-101" id="d1-0-101" class="d">-
</a><a href="#d1-0-102" id="d1-0-102" class="d">- margin: 1em;
</a><a href="#d1-0-99" id="d1-0-99" class="i">+ width: 100%;
</a><a href="#d1-0-100" id="d1-0-100" class="i">+ height: 100%;
</a> }
#container #display img#error, #container.error #display img#image {
</pre>
</div>
</main>
<footer>
made with 💛 by <a rel="author" href="https://pablopie.xyz/">@pablo</a>
</footer>
</body>
</html>