overflow_scanner/app
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

design

Browse Source
This commit is contained in:
sunny 2018-09-17 22:51:10 +09:00
parent a019fd4035
commit aaef4228a9
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/assets/image/icon/icon_background.svg
View File

@ -4,8 +4,10 @@
viewBox="0 0 66 56" style="enable-background:new 0 0 66 56;" xml:space="preserve">
<style type="text/css">
.st0{fill:#E3E3E2;}
.st1{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M44.9,52.5H21.1l-11.9-9l11.9-9h23.8l11.9,9L44.9,52.5z M66,43.5L49.5,30.9h-33L0,43.5L16.5,56h33L66,43.5z"/>
</g>
<polygon class="st1" points="44.9,52.5 21.1,52.5 9.2,43.5 21.1,34.5 44.9,34.5 56.8,43.5 "/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 555 B

After

Width:  |  Height:  |  Size: 670 B

4
src/commons/component/host-detail.component.html
View File

@ -10,8 +10,8 @@
attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg"></image>
</svg> -->
<svg width="140" height="140" viewBox="20 10 140 140">
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg" />
<image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{host.hostType | lowercase}}.svg" />
<image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{host.osType | lowercase}}.svg" />
</svg>
</div>
<h3>{{host.name}} <span>{{host.address}}</span></h3>

4
src/commons/component/service-detail.component.html
View File

@ -10,8 +10,8 @@
<image x="-50" y="-40" width="260" height="260" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
</svg> -->
<svg width="140" height="140" viewBox="20 10 140 140">
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
<image x="-10" y="0" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
<image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/icon/icon_{{service.serviceType | lowercase}}.svg" />
<image x="-10" y="-5" width="200" height="200" preserveAspectRatio="xMidYMid slice" attr.xlink:href="../../assets/image/logo/logo_{{service.key | lowercase}}.svg" />
</svg>
</div>
<h3>