tsai
/
squidex
mirror of https://github.com/Squidex/squidex.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Design improvements.

pull/65/head
Sebastian Stehle 9 years ago
parent
843a5617d2
commit
d0b5a7dd4c
7 changed files with 124 additions and 110 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      media/logo-wide.png
  2. 166
      media/logo-wide.svg
  3. 15
      src/Squidex/app/shell/pages/home/home-page.component.html
  4. 53
      src/Squidex/app/shell/pages/home/home-page.component.scss
  5. BIN
      src/Squidex/wwwroot/images/logo-half.png
  6. BIN
      src/Squidex/wwwroot/images/logo-small.png
  7. BIN
      src/Squidex/wwwroot/images/logo.png

BIN
media/logo-wide.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

166
media/logo-wide.svg
View File

@ -1,71 +1,97 @@
<?xml version="1.0" encoding="utf-8"?>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="494px" height="111px" viewBox="0 0 494 111" enable-background="new 0 0 494 111" xml:space="preserve">
<path fill="#525873" d="M90.902,65.898h15.952c1.21,4.842,4.841,8.143,14.632,8.143c6.931,0,10.232-1.65,10.232-4.951
c0-4.07-4.731-4.4-13.862-6.602c-17.163-4.07-24.204-7.92-24.204-18.371c0-12.764,10.562-20.135,26.514-20.135
c16.832,0,25.083,8.143,27.174,19.363h-15.952c-1.21-3.85-4.511-6.16-11.772-6.16c-6.271,0-10.122,1.76-10.122,5.061
c0,2.859,2.75,3.41,11.552,5.391C138.318,51.598,148,54.898,148,67c0,13.531-11.992,20.133-26.954,20.133
C104.874,87.133,93.102,79.211,90.902,65.898z"/>
<path fill="#525873" d="M213.235,25.303v75.439h-15.731v-23.07c-4.181,5.721-10.562,9.461-19.033,9.461
c-15.842,0-27.614-12.982-27.614-31.574c0-18.703,11.992-31.576,27.503-31.576c8.582,0,14.963,3.961,19.144,9.793v-8.473H213.235z
M197.504,55.559c0-9.902-6.711-16.613-15.513-16.613c-8.801,0-15.292,6.711-15.292,16.613c0,10.01,6.601,16.611,15.292,16.611
C190.793,72.17,197.504,65.568,197.504,55.559z"/>
<path fill="#525873" d="M274.281,25.303v60.51h-15.732v-8.361c-4.4,6.16-10.342,9.682-18.703,9.682
c-13.312,0-21.562-9.131-21.562-23.873V25.303h15.732v34.545c0,7.922,2.971,12.322,11.111,12.322c8.691,0,13.422-5.17,13.422-15.072
V25.303H274.281z"/>
<path fill="#525873" d="M279.767,42.927H295.5v42.886h-15.732V42.927z"/>
<path fill="#525873" d="M363.037,8.506v77.307h-15.733v-8.141c-4.18,5.721-10.561,9.461-19.031,9.461
c-15.732,0-27.615-12.982-27.615-31.574c0-18.703,11.992-31.576,27.504-31.576c8.582,0,14.963,3.961,19.143,9.793V8.506H363.037z
M347.304,55.559c0-9.902-6.711-16.613-15.512-16.613s-15.291,6.711-15.291,16.613c0,10.01,6.6,16.611,15.291,16.611
C340.593,72.17,347.304,65.568,347.304,55.559z"/>
<path fill="#525873" d="M430.254,58.309h-51.818c0.881,12.541,9.791,20.133,22.004,20.133c8.361,0,15.291-3.521,18.922-10.562h9.461
c-5.061,12.873-16.061,19.143-28.713,19.143c-17.934,0-31.025-12.762-31.025-31.244c0-18.373,12.873-31.684,30.916-31.684
C418.812,24.094,431.023,38.395,430.254,58.309z M378.877,49.727h41.475c-1.98-10.121-9.461-17.053-20.352-17.053
C388.887,32.674,380.967,39.826,378.877,49.727z"/>
<path fill="#525873" d="M469.848,85.812l-16.723-24.094l-16.502,24.094h-11.002l22.004-31.135l-20.793-29.375h11.002l15.512,22.555
l15.293-22.555h11.111l-20.904,29.484l22.004,31.025H469.848z"/>
<path fill="#3389FF" d="M290.666,30.575h2.198c1.455,0,2.636-1.181,2.636-2.636c0-1.456-1.181-2.637-2.636-2.637h-10.461
c-1.455,0-2.636,1.181-2.636,2.637c0,0.805,0.368,1.516,0.938,2l-0.018,0.013c0.649,0.542,1.071,1.347,1.071,2.259
c0,0.9-0.411,1.696-1.046,2.237l0.018,0.031c-0.583,0.484-0.963,1.205-0.963,2.022c0,1.455,1.181,2.636,2.636,2.636h8.23
c1.455,0,2.636-1.181,2.636-2.636c0-1.456-1.181-2.637-2.636-2.637h0.21c-0.911-0.003-1.649-0.742-1.649-1.654
C289.194,31.36,289.839,30.668,290.666,30.575z"/>
<g>
<g>
<path fill="#3389FF" d="M21.267,80.827c-0.473,0-0.971-0.031-1.494-0.096c-3.67-0.459-6.484-2.862-7.531-6.428
c-1.109-3.789,0.053-8.048,2.826-10.359c1.144-0.955,2.844-0.799,3.797,0.345c0.953,1.145,0.798,2.844-0.346,3.797
c-1.138,0.948-1.611,2.968-1.104,4.7c0.309,1.051,1.083,2.353,3.025,2.596c1.399,0.175,2.459-0.063,3.246-0.724
c1.435-1.209,1.869-3.684,1.922-4.596V53.077c0-1.489,1.207-2.695,2.695-2.695S31,51.588,31,53.077v17.051
c0,0.033,0,0.065-0.001,0.098c-0.02,0.558-0.297,5.538-3.803,8.525C26.031,79.742,24.107,80.827,21.267,80.827z"/>
</g>
<g>
<path fill="#3389FF" d="M31.435,99.967c-0.473,0-0.971-0.031-1.494-0.096c-3.67-0.46-6.486-2.862-7.531-6.428
c-1.109-3.789,0.051-8.048,2.826-10.358c1.144-0.955,2.845-0.8,3.797,0.342c0.953,1.146,0.798,2.845-0.346,3.799
c-1.138,0.947-1.612,2.968-1.104,4.701c0.308,1.049,1.082,2.351,3.025,2.594c1.404,0.177,2.473-0.065,3.259-0.735
c1.638-1.394,1.887-4.275,1.909-4.586V52.238c0-1.489,1.207-2.696,2.695-2.696s2.695,1.207,2.695,2.696v37.031
c0,0.032,0,0.062-0.002,0.097c-0.019,0.558-0.296,5.538-3.803,8.525C36.199,98.882,34.275,99.967,31.435,99.967z"/>
</g>
<g>
<path fill="#3389FF" d="M65.941,80.827c-2.84,0-4.764-1.085-5.928-2.076c-3.507-2.987-3.784-7.968-3.803-8.525
c-0.002-0.032-0.002-0.064-0.002-0.098V53.077c0-1.489,1.206-2.695,2.695-2.695c1.488,0,2.695,1.207,2.695,2.695v16.991
c0.05,0.889,0.482,3.377,1.923,4.591c0.786,0.66,1.849,0.899,3.245,0.723c1.942-0.242,2.718-1.544,3.025-2.595
c0.509-1.732,0.034-3.752-1.104-4.7c-1.144-0.953-1.299-2.652-0.345-3.797c0.951-1.144,2.65-1.299,3.796-0.345
c2.774,2.312,3.936,6.57,2.826,10.359c-1.045,3.565-3.861,5.969-7.53,6.428C66.912,80.796,66.414,80.827,65.941,80.827z"/>
</g>
<g>
<path fill="#3389FF" d="M55.773,99.967c-2.84,0-4.764-1.085-5.928-2.076c-3.507-2.987-3.783-7.968-3.803-8.525
c-0.002-0.034-0.002-0.064-0.002-0.097V52.238c0-1.489,1.207-2.696,2.696-2.696c1.488,0,2.694,1.207,2.694,2.696v36.967
c0.051,0.891,0.482,3.379,1.923,4.592c0.786,0.661,1.847,0.9,3.245,0.724c1.942-0.243,2.718-1.545,3.025-2.594
c0.509-1.733,0.034-3.754-1.104-4.701c-1.144-0.954-1.298-2.652-0.345-3.799c0.952-1.141,2.651-1.297,3.797-0.342
c2.774,2.311,3.935,6.569,2.825,10.358c-1.045,3.565-3.861,5.968-7.53,6.428C56.744,99.936,56.247,99.967,55.773,99.967z"/>
</g>
<g>
<path fill="#3389FF" d="M64.793,38.868c-0.178-1.947,3.787-1.169,3.311-2.94C63.147,17.484,43.646,8.512,43.632,8.506
c-0.015,0.006-19.516,8.978-24.472,27.422c-0.478,1.771,3.487,0.993,3.31,2.94c-0.217,2.364-4.765,3.333-4.172,10.121
c0.641,7.341,7.182,14.765,7.418,18.873h5.295v-0.153c0-1.319,1.069-2.388,2.389-2.388s2.388,1.068,2.388,2.388v0.153l5.39-2.695
V65.06c0-1.345,1.09-2.435,2.436-2.435c1.344,0,2.434,1.09,2.434,2.435v0.107l5.375,2.695v-0.153c0-1.319,1.069-2.388,2.389-2.388
s2.389,1.068,2.389,2.388v0.153h5.391c0.542-5.791,6.735-11.532,7.376-18.873C69.558,42.201,65.009,41.232,64.793,38.868z"/>
</g>
</g>
</svg>
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="494px"
height="111px"
viewBox="0 0 494 111"
enable-background="new 0 0 494 111"
xml:space="preserve"
inkscape:version="0.91 r13725"
sodipodi:docname="logo-wide.svg"><metadata
id="metadata45"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
id="defs43" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1017"
id="namedview41"
showgrid="false"
inkscape:zoom="1.6489616"
inkscape:cx="157.55622"
inkscape:cy="2.3453686"
inkscape:window-x="1912"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" /><path
fill="#525873"
d="M90.902,65.898h15.952c1.21,4.842,4.841,8.143,14.632,8.143c6.931,0,10.232-1.65,10.232-4.951 c0-4.07-4.731-4.4-13.862-6.602c-17.163-4.07-24.204-7.92-24.204-18.371c0-12.764,10.562-20.135,26.514-20.135 c16.832,0,25.083,8.143,27.174,19.363h-15.952c-1.21-3.85-4.511-6.16-11.772-6.16c-6.271,0-10.122,1.76-10.122,5.061 c0,2.859,2.75,3.41,11.552,5.391C138.318,51.598,148,54.898,148,67c0,13.531-11.992,20.133-26.954,20.133 C104.874,87.133,93.102,79.211,90.902,65.898z"
id="path3"
style="fill:#2d3964;fill-opacity:1" /><path
fill="#525873"
d="M213.235,25.303v75.439h-15.731v-23.07c-4.181,5.721-10.562,9.461-19.033,9.461 c-15.842,0-27.614-12.982-27.614-31.574c0-18.703,11.992-31.576,27.503-31.576c8.582,0,14.963,3.961,19.144,9.793v-8.473H213.235z M197.504,55.559c0-9.902-6.711-16.613-15.513-16.613c-8.801,0-15.292,6.711-15.292,16.613c0,10.01,6.601,16.611,15.292,16.611 C190.793,72.17,197.504,65.568,197.504,55.559z"
id="path5"
style="fill:#2d3964;fill-opacity:1" /><path
fill="#525873"
d="M274.281,25.303v60.51h-15.732v-8.361c-4.4,6.16-10.342,9.682-18.703,9.682 c-13.312,0-21.562-9.131-21.562-23.873V25.303h15.732v34.545c0,7.922,2.971,12.322,11.111,12.322c8.691,0,13.422-5.17,13.422-15.072 V25.303H274.281z"
id="path7"
style="fill:#2d3964;fill-opacity:1" /><path
fill="#525873"
d="M279.767,42.927H295.5v42.886h-15.732V42.927z"
id="path9"
style="fill:#2d3964;fill-opacity:1" /><path
fill="#525873"
d="M363.037,8.506v77.307h-15.733v-8.141c-4.18,5.721-10.561,9.461-19.031,9.461 c-15.732,0-27.615-12.982-27.615-31.574c0-18.703,11.992-31.576,27.504-31.576c8.582,0,14.963,3.961,19.143,9.793V8.506H363.037z M347.304,55.559c0-9.902-6.711-16.613-15.512-16.613s-15.291,6.711-15.291,16.613c0,10.01,6.6,16.611,15.291,16.611 C340.593,72.17,347.304,65.568,347.304,55.559z"
id="path11"
style="fill:#2d3964;fill-opacity:1" /><path
fill="#525873"
d="M430.254,58.309h-51.818c0.881,12.541,9.791,20.133,22.004,20.133c8.361,0,15.291-3.521,18.922-10.562h9.461 c-5.061,12.873-16.061,19.143-28.713,19.143c-17.934,0-31.025-12.762-31.025-31.244c0-18.373,12.873-31.684,30.916-31.684 C418.812,24.094,431.023,38.395,430.254,58.309z M378.877,49.727h41.475c-1.98-10.121-9.461-17.053-20.352-17.053 C388.887,32.674,380.967,39.826,378.877,49.727z"
id="path13"
style="fill:#2d3964;fill-opacity:1" /><path
fill="#525873"
d="M469.848,85.812l-16.723-24.094l-16.502,24.094h-11.002l22.004-31.135l-20.793-29.375h11.002l15.512,22.555 l15.293-22.555h11.111l-20.904,29.484l22.004,31.025H469.848z"
id="path15"
style="fill:#2d3964;fill-opacity:1" /><path
fill="#3389FF"
d="M290.666,30.575h2.198c1.455,0,2.636-1.181,2.636-2.636c0-1.456-1.181-2.637-2.636-2.637h-10.461 c-1.455,0-2.636,1.181-2.636,2.637c0,0.805,0.368,1.516,0.938,2l-0.018,0.013c0.649,0.542,1.071,1.347,1.071,2.259 c0,0.9-0.411,1.696-1.046,2.237l0.018,0.031c-0.583,0.484-0.963,1.205-0.963,2.022c0,1.455,1.181,2.636,2.636,2.636h8.23 c1.455,0,2.636-1.181,2.636-2.636c0-1.456-1.181-2.637-2.636-2.637h0.21c-0.911-0.003-1.649-0.742-1.649-1.654 C289.194,31.36,289.839,30.668,290.666,30.575z"
id="path17" /><g
id="g19"><g
id="g21"><path
fill="#3389FF"
d="M21.267,80.827c-0.473,0-0.971-0.031-1.494-0.096c-3.67-0.459-6.484-2.862-7.531-6.428 c-1.109-3.789,0.053-8.048,2.826-10.359c1.144-0.955,2.844-0.799,3.797,0.345c0.953,1.145,0.798,2.844-0.346,3.797 c-1.138,0.948-1.611,2.968-1.104,4.7c0.309,1.051,1.083,2.353,3.025,2.596c1.399,0.175,2.459-0.063,3.246-0.724 c1.435-1.209,1.869-3.684,1.922-4.596V53.077c0-1.489,1.207-2.695,2.695-2.695S31,51.588,31,53.077v17.051 c0,0.033,0,0.065-0.001,0.098c-0.02,0.558-0.297,5.538-3.803,8.525C26.031,79.742,24.107,80.827,21.267,80.827z"
id="path23" /></g><g
id="g25"><path
fill="#3389FF"
d="M31.435,99.967c-0.473,0-0.971-0.031-1.494-0.096c-3.67-0.46-6.486-2.862-7.531-6.428 c-1.109-3.789,0.051-8.048,2.826-10.358c1.144-0.955,2.845-0.8,3.797,0.342c0.953,1.146,0.798,2.845-0.346,3.799 c-1.138,0.947-1.612,2.968-1.104,4.701c0.308,1.049,1.082,2.351,3.025,2.594c1.404,0.177,2.473-0.065,3.259-0.735 c1.638-1.394,1.887-4.275,1.909-4.586V52.238c0-1.489,1.207-2.696,2.695-2.696s2.695,1.207,2.695,2.696v37.031 c0,0.032,0,0.062-0.002,0.097c-0.019,0.558-0.296,5.538-3.803,8.525C36.199,98.882,34.275,99.967,31.435,99.967z"
id="path27" /></g><g
id="g29"><path
fill="#3389FF"
d="M65.941,80.827c-2.84,0-4.764-1.085-5.928-2.076c-3.507-2.987-3.784-7.968-3.803-8.525 c-0.002-0.032-0.002-0.064-0.002-0.098V53.077c0-1.489,1.206-2.695,2.695-2.695c1.488,0,2.695,1.207,2.695,2.695v16.991 c0.05,0.889,0.482,3.377,1.923,4.591c0.786,0.66,1.849,0.899,3.245,0.723c1.942-0.242,2.718-1.544,3.025-2.595 c0.509-1.732,0.034-3.752-1.104-4.7c-1.144-0.953-1.299-2.652-0.345-3.797c0.951-1.144,2.65-1.299,3.796-0.345 c2.774,2.312,3.936,6.57,2.826,10.359c-1.045,3.565-3.861,5.969-7.53,6.428C66.912,80.796,66.414,80.827,65.941,80.827z"
id="path31" /></g><g
id="g33"><path
fill="#3389FF"
d="M55.773,99.967c-2.84,0-4.764-1.085-5.928-2.076c-3.507-2.987-3.783-7.968-3.803-8.525 c-0.002-0.034-0.002-0.064-0.002-0.097V52.238c0-1.489,1.207-2.696,2.696-2.696c1.488,0,2.694,1.207,2.694,2.696v36.967 c0.051,0.891,0.482,3.379,1.923,4.592c0.786,0.661,1.847,0.9,3.245,0.724c1.942-0.243,2.718-1.545,3.025-2.594 c0.509-1.733,0.034-3.754-1.104-4.701c-1.144-0.954-1.298-2.652-0.345-3.799c0.952-1.141,2.651-1.297,3.797-0.342 c2.774,2.311,3.935,6.569,2.825,10.358c-1.045,3.565-3.861,5.968-7.53,6.428C56.744,99.936,56.247,99.967,55.773,99.967z"
id="path35" /></g><g
id="g37"><path
fill="#3389FF"
d="M64.793,38.868c-0.178-1.947,3.787-1.169,3.311-2.94C63.147,17.484,43.646,8.512,43.632,8.506 c-0.015,0.006-19.516,8.978-24.472,27.422c-0.478,1.771,3.487,0.993,3.31,2.94c-0.217,2.364-4.765,3.333-4.172,10.121 c0.641,7.341,7.182,14.765,7.418,18.873h5.295v-0.153c0-1.319,1.069-2.388,2.389-2.388s2.388,1.068,2.388,2.388v0.153l5.39-2.695 V65.06c0-1.345,1.09-2.435,2.436-2.435c1.344,0,2.434,1.09,2.434,2.435v0.107l5.375,2.695v-0.153c0-1.319,1.069-2.388,2.389-2.388 s2.389,1.068,2.389,2.388v0.153h5.391c0.542-5.791,6.735-11.532,7.376-18.873C69.558,42.201,65.009,41.232,64.793,38.868z"
id="path39" /></g></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.0 KiB

After

Width:  |  Height:  |  Size: 7.8 KiB

15
src/Squidex/app/shell/pages/home/home-page.component.html
View File

@ -1,24 +1,25 @@
<div class="login-area">
<div class="card">
<div class="card-block text-center">
<img class="login-icon" src="/images/logo-half.png" />
<img class="login-icon login-element" src="/images/logo-half.png" />
<h4 class="login-title login-element">You're about to enter into the future of CMS</h4>
<div>
<button class="btn btn-success btn-lg login-button" (click)="login()">
<button class="btn btn-success btn-lg login-button login-element" (click)="login()">
Login to Squidex
</button>
</div>
</div>
<div class="card-footer text-muted" *ngIf="!isIE()">
<i class="icon-info"></i>
The login button will open a new popup. Once you are logged in successfull we will redirect you to the squidex management portal.
<div class="login-info login-element" *ngIf="!isIE()">
The login button will open a new popup. Once you are logged in successfull we will redirect you to the squidex management portal.
</div>
</div>
<div class="login-arms"></div>
</div>
<div class="proudly-made">
Proudly made by Qaisar Ahmad &amp; Sebastian Stehle, 2016-2017
Proudly made by<br /> Qaisar Ahmad &amp; Sebastian Stehle, 2016-2017
</div>
</div>

53
src/Squidex/app/shell/pages/home/home-page.component.scss
View File

@ -1,51 +1,38 @@
@import '_mixins';
@import '_vars';
$color-footer: #f7f8fa;
.card {
& {
position: relative;
}
&-block {
padding: 4rem 1rem 3rem;
}
&-footer {
background: $color-footer;
padding-left: 8rem;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
position: relative;
border-top: 0;
font-size: .8rem;
padding: 2rem 3rem;
}
}
.login-arms {
@include absolute(auto, auto, -60px, -120px);
height: 200px;
width: 200px;
border: 0;
background: url('data:image/png;base64,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');
}
.login {
&-area {
max-width: 28rem;
margin: 1rem auto 0;
padding: 0 1rem;
}
.login-area {
max-width: 30rem;
margin: 1rem auto 0;
padding: 0 1rem;
}
&-arms {
@include absolute(auto, auto, -40px, -110px);
height: 200px;
width: 200px;
border: 0;
background: url('data:image/png;base64,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');
}
.login-button {
margin-top: 2rem;
}
&-element {
margin-top: 2rem;
}
.icon-info {
@include absolute(2rem, auto, auto, 6rem);
color: $color-text-decent;
font-weight: normal;
font-size: 1.4rem;
&-info {
font-size: .9rem;
}
}
.proudly-made {

BIN
src/Squidex/wwwroot/images/logo-half.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.3 KiB

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
src/Squidex/wwwroot/images/logo-small.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1001 B

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
src/Squidex/wwwroot/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Write Preview
Loading…
Cancel
Save