프레임 관련 요구사항 반영

This commit is contained in:
khk 2020-01-22 18:06:28 +09:00
parent 26e355ef04
commit bbebd8bedc
4 changed files with 13 additions and 85 deletions

View File

@ -6,22 +6,28 @@
.empty-logo {
flex-flow: column;
transform: translateY(-100px);
.big-circle {
border-radius: 50%;
width: 200px;
height: 200px;
.app-logo {
display: flex;
justify-content: center;
justify-items: center;
margin-bottom: 0.6vh;
img {
width: 100px;
height: 100px;
@media screen and (max-width: 1024px), (max-height: 800px) {
width: 10vw;
height: 10vw;
}
}
}
.app-title {
font-weight: 600;
font-size: 2.6em;
font-size: 2.4em;
margin-top: 20px;
@media screen and (max-width: 1024px), (max-height: 800px) {
font-size: 1.8em;
}
}
.secondary-text {

View File

@ -3,7 +3,6 @@
<img src="assets/images/logo/64_64.png" />
</div>
<div class="app-layout-native-title-bar-title">DS Talk</div>
<div class="app-layout-native-title-bar-spacer"></div>
<div class="btn-area">
<div
*ngIf="!!loginRes && !!weblink"

View File

@ -28,7 +28,7 @@
margin-left: auto;
flex-flow: row;
justify-items: center;
width: calc(100% - 300px);
width: calc(100% - 100px);
overflow: hidden;
white-space: nowrap;
position: relative;
@ -41,7 +41,7 @@
position: relative;
display: flex;
justify-content: flex-end;
width: calc(100% - 300px);
width: calc(100% - 100px);
overflow: hidden;
white-space: nowrap;
transform: translateY(2px);

View File

@ -13,83 +13,6 @@
<app-root app-version="0.0.1"></app-root>
<div class="wrapper-splash bg-accent-light " id="splash-screen">
<!--<svg
version="1.1"
id="preloader"
x="0px"
y="0px"
width="240px"
height="120px"
viewBox="0 0 240 120"
class="svg-img"
>
<path
id="loop-normal"
class="st1"
d="M120.5,60.5L146.48,87.02c14.64,14.64,38.39,14.65,53.03,0s14.64-38.39,0-53.03s-38.39-14.65-53.03,0L120.5,60.5
L94.52,87.02c-14.64,14.64-38.39,14.64-53.03,0c-14.64-14.64-14.64-38.39,0-53.03c14.65-14.64,38.39-14.65,53.03,0z"
>
<animate
attributeName="stroke-dasharray"
attributeType="XML"
from="500, 50"
to="450 50"
begin="0s"
dur="2s"
repeatCount="indefinite"
/>
<animate
attributeName="stroke-dashoffset"
attributeType="XML"
from="-40"
to="-540"
begin="0s"
dur="2s"
repeatCount="indefinite"
/>
</path>
<path
id="loop-offset"
d="M146.48,87.02c14.64,14.64,38.39,14.65,53.03,0s14.64-38.39,0-53.03s-38.39-14.65-53.03,0L120.5,60.5
L94.52,87.02c-14.64,14.64-38.39,14.64-53.03,0c-14.64-14.64-14.64-38.39,0-53.03c14.65-14.64,38.39-14.65,53.03,0L120.5,60.5
L146.48,87.02z"
/>
<path
id="socket"
d="M7.5,0c0,8.28-6.72,15-15,15l0-30C0.78-15,7.5-8.28,7.5,0z"
/>
<path
id="plug"
d="M0,9l15,0l0-5H0v-8.5l15,0l0-5H0V-15c-8.29,0-15,6.71-15,15c0,8.28,6.71,15,15,15V9z"
/>
<animateMotion
xlink:href="#plug"
dur="2s"
rotate="auto"
repeatCount="indefinite"
calcMode="linear"
keyTimes="0;1"
keySplines="0.42, 0, 0.58, 1"
>
<mpath xlink:href="#loop-normal" />
</animateMotion>
<animateMotion
xlink:href="#socket"
dur="2s"
rotate="auto"
repeatCount="indefinite"
calcMode="linear"
keyTimes="0;1"
keySplines="0.42, 0, 0.58, 1"
>
<mpath xlink:href="#loop-offset" />
</animateMotion>
</svg>-->
<div class="load-container">
<div class="loader"></div>
<span class="credit">Welcome to DS Talk</span>