프레임 관련 요구사항 반영

projects/ucap-webmessenger-app/src/app/layouts/messenger/components/intro.component.scss

@@ -6,22 +6,28 @@
   .empty-logo {
     flex-flow: column;
     transform: translateY(-100px);
-    .big-circle {
+    .app-logo {
-      border-radius: 50%;
-      width: 200px;
-      height: 200px;
       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 {

projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.html

@@ -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"

projects/ucap-webmessenger-app/src/app/layouts/native/components/top-bar.component.scss

@@ -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);

projects/ucap-webmessenger-app/src/index.html

@@ -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>