design ing
This commit is contained in:
sunny
parent
6b2f5aeffa
commit
e7db933c12
|
|
@ -22,10 +22,4 @@
|
|||
|
||||
.ui-popuppanel-footer {
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
svg.octicon {
|
||||
fill: white; //currentColor;
|
||||
height: 16px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,13 +1,25 @@
|
|||
<div [ngClass]="titleBarClass" id="app-title-bar" (dblclick)="onTitlebarDoubleClick($event)" [ngStyle]="style">
|
||||
<div *ngIf="showTopResize" class="resize-handle top"></div>
|
||||
<div *ngIf="showLeftResize" class="resize-handle left"></div>
|
||||
<svg aria-hidden="true" class="app-icon" version="1.1" viewBox="0 0 16 16" width="16" height="16">
|
||||
<svg svg aria-hidden="true" class="app-icon" version="1.1" viewBox="0 0 16 16" width="16" height="16">
|
||||
<style type="text/css">
|
||||
.st0 {
|
||||
fill: #FFFFFF;
|
||||
}
|
||||
</style>
|
||||
<path class="st0" d="M10.2,8.4L10,8l0.2-0.4l3.4,0l2.1-3.7l-2.1-3.7H9.4L7.3,3.9L9,6.9L8.7,7.3H8.2L6.5,4.3H2.3L0.2,8l2.1,3.7h4.2
|
||||
l1.7-2.9h0.5L9,9.1l-1.7,2.9l2.1,3.7l4.2,0l2.1-3.7l-2.1-3.7L10.2,8.4z M9,3.9l1.3-2.2h2.5l1.3,2.2l-1.3,2.2l-1.7,0l1-1.7l-1.3-0.7
|
||||
l-1,1.7L9,3.9z M5.7,10.2H3.1L1.9,8l1.3-2.2h2.5l0.8,1.5H4.6v1.5h1.9L5.7,10.2z M12.8,14.3h-2.5L9,12.1l0.8-1.5l1,1.7l1.3-0.7
|
||||
l-1-1.7h1.7l1.3,2.2L12.8,14.3z"></path>
|
||||
</svg>
|
||||
|
||||
<!-- <svg aria-hidden="true" class="app-icon" version="1.1" viewBox="0 0 16 16" width="16" height="16">
|
||||
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01
|
||||
1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12
|
||||
0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82
|
||||
2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"
|
||||
/>
|
||||
</svg>
|
||||
</svg> -->
|
||||
|
||||
<app-menu-bar></app-menu-bar>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,18 @@
|
|||
<div class="ui-fluid">
|
||||
<div class="home-start">
|
||||
<div class="start-button">
|
||||
<svg version="1.1" viewBox="0 0 200 210">
|
||||
<path d="M8.3,193.5c0.1,2.4,0.8,4.9,2.1,7.1c4.5,7.7,14.3,10.4,22.1,5.9l152.1-87.8c2-1.3,3.8-3.1,5.1-5.4
|
||||
c4.5-7.7,1.8-17.6-5.9-22.1L31.6,3.4c-2.2-1.1-4.6-1.7-7.2-1.7c-8.9,0-16.2,7.2-16.2,16.2V193.5z" />
|
||||
</svg>
|
||||
</div>
|
||||
<div class="home-description">
|
||||
<h1>overFlow Network Scanner </h1>
|
||||
<br>
|
||||
<b>를 이용해 주셔서 감사합니다.</b>
|
||||
<br> 좌측의 버튼을 클릭 하시면 기본 설정으로 스캐닝이 시작 됩니다. 설정의 변경을 원하시면 상단의 설정 영역을 클릭하여 변경이 가능합니다.
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="ui-fluid">
|
||||
<div class="ui-g">
|
||||
<div class="ui-g-12">
|
||||
<h1>Home works!!!!</h1>
|
||||
|
|
@ -8,7 +22,7 @@
|
|||
</div>
|
||||
</p-panel>
|
||||
|
||||
<!-- <h3 class="first">Document</h3>
|
||||
<h3 class="first">Document</h3>
|
||||
<p-blockUI [blocked]="blockedDocument"></p-blockUI>
|
||||
|
||||
<button type="button" pButton label="Block" (click)="blockDocument()"></button>
|
||||
|
|
@ -26,7 +40,7 @@
|
|||
Through Michael's life the nature of the family business becomes clear. The business of the family is
|
||||
just like the head of the family, kind and benevolent to those who give respect, but given to ruthless
|
||||
violence whenever anything stands against the good of the family.
|
||||
</p-panel> -->
|
||||
</p-panel>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
.home-start {
|
||||
// position: absolute;
|
||||
// top:78px;
|
||||
// left:0px;
|
||||
// bottom: 0px;
|
||||
// width: 100%;
|
||||
// margin: 0;
|
||||
height: 100vh;
|
||||
margin: -0.7em -0.9em; //-0.5em -0.75em;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
background-image: linear-gradient(#171a1d, #2b323a , #171a1d);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
//text-align: center;
|
||||
}
|
||||
.home-description {
|
||||
color: #cdcdcd;
|
||||
width:300px;
|
||||
}
|
||||
.start-button {
|
||||
width: 200px;
|
||||
height: 210px;
|
||||
margin-right: 20px;
|
||||
svg{
|
||||
fill: #EFEFEF;
|
||||
stroke: #3C2412;
|
||||
stroke-miterlimit: 10;
|
||||
}
|
||||
}
|
||||
|
|
@ -3,8 +3,9 @@
|
|||
<app-scanner-setting-dropdown [blockTarget]="pagesContent"></app-scanner-setting-dropdown>
|
||||
<div class="toolbar-button push-pull-button" style="width: 32px">
|
||||
<button class="button-component" type="button">
|
||||
<svg aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 12 16">
|
||||
<path d="M10.24 7.4a4.15 4.15 0 0 1-1.2 3.6 4.346 4.346 0 0 1-5.41.54L4.8 10.4.5 9.8l.6 4.2 1.31-1.26c2.36 1.74 5.7 1.57 7.84-.54a5.876 5.876 0 0 0 1.74-4.46l-1.75-.34zM2.96 5a4.346 4.346 0 0 1 5.41-.54L7.2 5.6l4.3.6-.6-4.2-1.31 1.26c-2.36-1.74-5.7-1.57-7.85.54C.5 5.03-.06 6.65.01 8.26l1.75.35A4.17 4.17 0 0 1 2.96 5z"></path>
|
||||
<svg aria-hidden="true" class="octicon icon" version="1.1" viewBox="0 0 15 17">
|
||||
<path d="M0.2,15.6c0,0.2,0.1,0.4,0.2,0.6c0.4,0.6,1.2,0.8,1.8,0.5l12.2-7.1c0.2-0.1,0.3-0.3,0.4-0.4
|
||||
c0.4-0.6,0.1-1.4-0.5-1.8L2.1,0.3C1.9,0.2,1.7,0.2,1.5,0.2c-0.7,0-1.3,0.6-1.3,1.3V15.6z"></path>
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user