mirror of https://github.com/rancher/ui.git
new driver icons for custom & import
This commit is contained in:
Westly Wright
parent
729286be87
commit
46d5ff7123
|
|
@ -119,6 +119,14 @@
|
|||
background-image: url('images/providers/custom-registry.svg');
|
||||
}
|
||||
|
||||
@mixin custom-driver {
|
||||
background-image: url('images/providers/blue-gear.svg');
|
||||
}
|
||||
|
||||
@mixin import-driver {
|
||||
background-image: url('images/providers/blue-upload.svg');
|
||||
}
|
||||
|
||||
@mixin import {
|
||||
background-image: url('images/providers/custom-import.svg');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -59,6 +59,8 @@
|
|||
&.vmwarevsphere { @include vmwarevsphere; }
|
||||
&.other { @include other; }
|
||||
&.custom { @include custom; }
|
||||
&.custom-driver { @include custom-driver; }
|
||||
&.import-driver { @include import-driver; }
|
||||
&.import { @include import; }
|
||||
&.aliyunecs { @include aliyunecs; }
|
||||
&.amazoneks { @include amazoneks; }
|
||||
|
|
@ -99,6 +101,13 @@
|
|||
width: 100px;
|
||||
float: left;
|
||||
border-right: solid $light-grey 1px;
|
||||
|
||||
&.custom-driver,
|
||||
&.import-driver {
|
||||
background-size: 75px 75px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
}
|
||||
.driver-content {
|
||||
overflow: hidden;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@
|
|||
"custom"
|
||||
class="col span-6 cluster-driver-box span-height full-height"
|
||||
}}
|
||||
<div class="machine-driver custom"></div>
|
||||
<div class="machine-driver custom-driver"></div>
|
||||
<div class="driver-content">
|
||||
<h3>Bring your own nodes</h3>
|
||||
<p class="help-block">
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
"import"
|
||||
class="col span-6 cluster-driver-box span-height full-height"
|
||||
}}
|
||||
<div class="machine-driver import"></div>
|
||||
<div class="machine-driver import-driver"></div>
|
||||
<div class="driver-content">
|
||||
<h3>Import Existing</h3>
|
||||
<p class="help-block">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,44 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#3D98D3;}
|
||||
</style>
|
||||
<title></title>
|
||||
<g>
|
||||
<path class="st0" d="M501.5,233.3c6.3-2.9,10.4-4.9,10.4-4.9s0-0.4-0.1-1.1c-0.1-0.7-0.2-1.8-0.4-3.2c-0.1-1.4-0.4-3.1-0.6-5
|
||||
c-0.2-2-0.4-4.1-0.9-6.5c-1.5-9.5-4.3-22-8-34.3c-3.9-12.2-8.6-24.1-12.7-32.8c-1-2.2-2-4.2-2.9-5.9c-0.9-1.7-1.7-3.3-2.3-4.5
|
||||
c-0.7-1.3-1.2-2.2-1.5-2.9c-0.3-0.7-0.5-1-0.5-1s-4.6,0.6-11.3,1.8c-6.7,1.1-15.5,2.9-24.3,5c-8.1,2-16,4.2-22.2,6.1
|
||||
c-12.4-18.6-27.8-35-45.5-48.6c1.1-2.9,2.4-6,3.6-9.4c1.4-3.9,2.8-8.1,4.2-12.4c2.8-8.6,5.3-17.4,6.9-24c1.6-6.6,2.6-11.1,2.6-11.1
|
||||
s-1.3-0.9-3.7-2.4c-2.3-1.6-5.8-3.5-10-5.9c-1.1-0.6-2.2-1.3-3.3-1.9c-1.2-0.6-2.4-1.2-3.6-1.8c-2.4-1.2-5-2.5-7.7-3.9
|
||||
c-5.5-2.5-11.3-5.3-17.3-7.5c-5.9-2.5-12-4.4-17.7-6.3c-2.9-0.9-5.7-1.6-8.3-2.4c-1.4-0.4-2.7-0.8-3.9-1.1
|
||||
c-1.2-0.3-2.4-0.6-3.6-0.9c-4.6-1.1-8.5-2.1-11.3-2.5c-2.7-0.5-4.3-0.8-4.3-0.8s-2.3,4-5.6,9.9c-3.3,6-7.5,14.2-11.3,22.3
|
||||
c-3.6,7.7-6.9,15.4-9.2,21.5c-6.3-0.6-12.7-0.9-19.2-0.9c-16.3,0-32.2,2-47.5,5.6C205.2,54,201,47,196.4,40.1
|
||||
c-5-7.5-10.4-15-14.5-20.3c-4.1-5.4-7-8.9-7-8.9s-1.5,0.5-4.2,1.4c-2.6,0.8-6.3,2.4-10.8,4.1c-1.1,0.5-2.3,0.9-3.5,1.4
|
||||
s-2.4,1-3.7,1.6c-2.5,1.1-5.2,2.3-7.9,3.6c-5.4,2.8-11.1,5.6-16.6,8.9c-1.4,0.8-2.8,1.6-4.2,2.4c-1.4,0.8-2.7,1.7-4,2.5
|
||||
c-2.7,1.7-5.3,3.3-7.8,5c-4.9,3.5-9.5,6.7-13.2,9.7c-1.8,1.4-3.6,2.8-5.1,4c-1.5,1.3-2.7,2.4-3.8,3.3c-2.1,1.9-3.3,2.9-3.3,2.9
|
||||
S88.4,66,91,72.3c2.7,6.4,6.4,14.7,10.4,22.7c3.5,7,7.3,14,10.4,19.5c-15.8,16.1-29,34.9-38.7,55.6c-6.2-0.9-13.9-1.9-21.6-2.5
|
||||
c-8.9-0.7-17.9-1.2-24.8-1.3c-3.4-0.1-6.3-0.1-8.3-0.1s-3.1,0-3.1,0s-0.5,1.5-1.4,4.2c-0.8,2.7-2.3,6.5-3.5,11.1
|
||||
c-0.6,2.3-1.4,4.9-2.1,7.5c-0.7,2.6-1.3,5.5-2,8.4c-0.3,1.5-0.7,3-1,4.5c-0.4,1.5-0.6,3.1-0.9,4.6c-0.5,3.1-1.1,6.2-1.6,9.4
|
||||
c-0.8,6.4-1.7,12.7-2,18.7c-0.5,5.9-0.6,11.5-0.7,16.3C0,252.1,0,253.2,0,254.3c0.1,1.1,0.1,2.1,0.1,3.1c0,1.9,0.1,3.6,0.1,5
|
||||
c0.1,2.8,0.1,4.4,0.1,4.4s1.1,0.3,3,0.9c2,0.6,4.7,1.5,8,2.4c6.6,1.9,15.4,4.2,24.1,6.1c7,1.5,14.1,2.8,20,3.7
|
||||
c2.8,23.7,9.7,46.1,19.9,66.6c-4.2,4-9.1,8.8-13.9,13.8c-6.2,6.5-12.1,13.3-16.5,18.6c-2.2,2.6-4,4.8-5.3,6.4
|
||||
c-1.2,1.6-1.9,2.5-1.9,2.5s0.9,1.3,2.4,3.7c1.5,2.3,3.6,5.7,6.4,9.6c1.4,1.9,2.9,4.1,4.5,6.3c1.7,2.2,3.5,4.4,5.3,6.8
|
||||
c1.8,2.4,3.8,4.7,5.9,7.1c2,2.3,4.1,4.8,6.3,7.1c8.6,9.5,18.3,17.9,25.6,24.1c3.8,3,6.9,5.5,9.1,7.2c2.3,1.7,3.6,2.6,3.6,2.6
|
||||
s3.8-2.6,9.4-6.5c2.7-2,5.9-4.3,9.3-6.9c3.4-2.5,7-5.3,10.5-8.2c5.2-4.3,10.2-8.6,14.4-12.4c19.8,12.2,42,21,65.6,25.7
|
||||
c0.5,5.8,1.2,12.4,2.2,19.2c1.3,8.9,2.9,17.9,4.3,24.5c1.4,6.6,2.5,11.1,2.5,11.1s1.6,0.2,4.4,0.5c2.7,0.3,6.7,0.5,11.5,0.9
|
||||
c2.4,0.2,5,0.2,7.7,0.3c2.7,0.1,5.6,0.2,8.6,0.2c5.9-0.2,12.3-0.2,18.7-0.8c6.4-0.3,12.8-1.2,18.7-2c2.9-0.5,5.8-1,8.5-1.5
|
||||
s5.3-0.9,7.6-1.5c4.7-1.1,8.6-2,11.3-2.7c2.7-0.8,4.2-1.2,4.2-1.2s0.4-4.6,0.8-11.4c0.4-6.7,0.6-15.9,0.5-24.9
|
||||
c-0.1-7-0.3-13.7-0.7-19.6c22.1-8.3,42.4-20.3,60.1-35.4c4.9,3.2,10.8,7,16.9,10.6c7.8,4.7,15.7,8.9,21.8,12c6.1,3.1,10.3,5,10.3,5
|
||||
s0.3-0.3,0.8-0.8s1.3-1.3,2.3-2.3c2-2,4.7-4.9,8-8.4c6.3-7.2,14.5-17,21.7-27.6c7.2-10.6,13.6-21.7,17.8-30.3
|
||||
c0.6-1.1,1.1-2.1,1.6-3.1s0.9-1.9,1.3-2.8c0.8-1.8,1.5-3.3,2.1-4.6c1.2-2.5,1.8-4,1.8-4s-3.4-3.2-8.5-7.7
|
||||
c-5.1-4.5-12-10.4-19.1-15.9c-6-4.7-12.1-9.1-17.2-12.6c6.2-19.3,9.5-39.9,9.5-61.3c0-2,0-4-0.1-6c6-1.9,13.3-4.4,20.7-7.1
|
||||
C487,239.7,495.3,236.1,501.5,233.3z M256,398c-37.9,0-73.6-14.8-100.4-41.6C128.8,329.6,114,293.9,114,256
|
||||
c0-37.9,14.8-73.6,41.6-100.4C182.4,128.8,218.1,114,256,114c37.9,0,73.6,14.8,100.4,41.6C383.2,182.4,398,218.1,398,256
|
||||
c0,37.9-14.8,73.6-41.6,100.4S293.9,398,256,398z"/>
|
||||
<path class="st0" d="M256,160.5c-52.7,0-95.5,42.8-95.5,95.5s42.8,95.5,95.5,95.5s95.5-42.8,95.5-95.5S308.7,160.5,256,160.5z
|
||||
M256,291.5c-19.6,0-35.5-15.9-35.5-35.5c0-19.6,15.9-35.5,35.5-35.5c19.6,0,35.5,15.9,35.5,35.5
|
||||
C291.5,275.6,275.6,291.5,256,291.5z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<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"
|
||||
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#3D98D3;}
|
||||
</style>
|
||||
<title></title>
|
||||
<g>
|
||||
<polygon class="st0" points="428.7,345.9 428.7,445.6 83.3,445.6 83.3,345.9 15,345.9 15,513.9 497,513.9 497,345.9 "/>
|
||||
<polygon class="st0" points="223.6,124.8 223.6,397.1 291.8,397.1 291.8,132.3 363.5,203.9 411.6,155.8 254,-1.9 96.3,155.8
|
||||
144.4,203.9 "/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 695 B |
Loading…
Reference in New Issue