로그인 페이지 수정

mobile-src/src/assets/SGC-CI.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<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"
+	 width="100px" height="32px" viewBox="0 0 194 40" enable-background="new 0 0 194 40" xml:space="preserve">
+<g>
+	<path fill="#898989" d="M77.514,29.246c-4.671,0-8.453-4.143-8.453-9.252c0-5.108,3.782-9.25,8.453-9.25
+		c2.71,0,5.383,1.235,6.978,3.378l7.063-5.985C88.132,4.376,83.112,2,77.514,2C68.536,2,61.04,8.104,59.247,16.239H48.988v7.847
+		h7.088v3.055c-1.702,1.498-4.329,2.105-6.619,2.105c-4.669,0-8.454-4.143-8.454-9.252c0-5.108,3.745-9.114,8.611-9.25
+		c2.858-0.08,5.49,0.499,7.651,1.741c1.073-2.721,2.696-5.178,4.781-7.212C58.423,3.134,53.808,2,49.457,2
+		C39.904,2,32.033,8.906,30.92,17.818c-2.232-0.939-5.014-1.603-8.243-2.135c-5.343-0.933-6.731-1.587-6.731-3.179v-0.1
+		c0-1.241,1.335-2.141,3.919-2.221c2.969-0.092,6.269,0.611,9.395,2.194c1.061-2.592,2.707-5.042,4.765-7.086
+		c-3.8-2.2-8.238-3.424-13.885-3.251C10.894,2.323,4.86,6.796,4.86,13.731c0,6.933,6.693,9.046,14.897,10.49
+		c5.228,0.934,6.278,1.668,6.278,3.131c0,1.229-1.426,1.909-4.172,2.123c-4.438,0.348-9.207-0.757-12.511-3.3l-5.945,6.593
+		c4.733,3.684,11.229,5.424,18.056,5.215c6.339-0.193,10.749-2.534,13.971-6.11c3.421,3.749,8.435,6.116,14.022,6.116
+		c5.593,0,10.604-2.369,14.028-6.121c3.422,3.751,8.436,6.121,14.029,6.121c5.595,0,10.615-2.373,14.037-6.135l-7.055-5.955
+		C82.759,27.891,80.217,29.246,77.514,29.246z"/>
+	<g enable-background="new    ">
+		<path fill="#898989" d="M100.846,19.071c0-4.11,1.912-6.762,5.057-6.762c3.164,0,5.056,2.651,5.056,6.762
+			c0,4.111-1.892,6.783-5.056,6.783C102.758,25.854,100.846,23.1,100.846,19.071z M105.902,14.406c-1.727,0-2.734,2.116-2.734,4.665
+			c0,2.487,1.008,4.687,2.734,4.687s2.732-2.199,2.732-4.687C108.635,16.522,107.629,14.406,105.902,14.406z M116.055,30.314
+			c0,0.185-0.082,0.267-0.267,0.267h-1.829c-0.186,0-0.268-0.082-0.268-0.267V11.344c0-0.186,0.082-0.268,0.268-0.268h1.829
+			c0.185,0,0.267,0.082,0.267,0.268V30.314z"/>
+		<path fill="#898989" d="M120.291,25.423c-1.008-0.062-1.5-0.556-1.5-1.48v-9.947c0-0.967,0.328-1.295,1.377-1.295h6.002
+			c0.185,0,0.287,0.082,0.287,0.267v1.439c0,0.185-0.103,0.267-0.287,0.267h-4.646c-0.268,0-0.391,0.123-0.391,0.35v2.98
+			c1.418,0,2.878,0,4.11-0.104c0.104,0,0.268,0.042,0.268,0.186l0.021,1.336c0,0.226-0.124,0.35-0.206,0.35
+			c-1.336,0.103-2.795,0.144-4.192,0.144v3.001c0,0.473,0.103,0.514,0.616,0.575c1.192,0.103,4.296-0.144,5.426-0.473
+			c0.186-0.062,0.391-0.021,0.453,0.206l0.205,1.232c0.063,0.268-0.185,0.35-0.328,0.411
+			C125.923,25.299,122.388,25.525,120.291,25.423z M131.102,11.426c0.186,0,0.268,0.082,0.268,0.267v17.943
+			c0,0.186-0.082,0.288-0.268,0.288h-1.685c-0.185,0-0.288-0.103-0.288-0.288v-9.865h-2.281c-0.145,0-0.287-0.124-0.287-0.268
+			v-1.418c0-0.144,0.143-0.247,0.287-0.247h2.281v-6.146c0-0.185,0.104-0.267,0.288-0.267H131.102z M133.219,30.623
+			c-0.185,0-0.267-0.083-0.267-0.268V11.344c0-0.186,0.103-0.268,0.288-0.268h1.768c0.185,0,0.267,0.082,0.267,0.268v19.012
+			c0,0.185-0.082,0.268-0.267,0.268H133.219z"/>
+		<path fill="#898989" d="M149.746,18.188c0.063-1.213,0.082-2.302,0.082-3.145c0-0.432-0.061-0.637-0.492-0.637h-10.175
+			c-0.144,0-0.267-0.145-0.267-0.288v-1.356c0-0.145,0.123-0.288,0.267-0.288h11.675c1.232,0,1.377,0.679,1.438,1.686
+			c0.083,2.569-0.247,6.536-0.843,10.996h2.939c0.144,0,0.309,0.164,0.309,0.309v1.356c0,0.144-0.165,0.309-0.309,0.309h-17.902
+			c-0.164,0-0.287-0.165-0.287-0.309v-1.356c0-0.165,0.123-0.309,0.287-0.309h12.62c0.226-1.151,0.39-3.063,0.534-5.035
+			c-2.898,0.144-6.207,0.185-10.297,0.185c-0.145,0-0.268-0.144-0.268-0.309V18.64c0-0.185,0.082-0.287,0.268-0.287
+			C143.005,18.353,147.156,18.353,149.746,18.188z"/>
+		<path fill="#898989" d="M155.627,21.888c-0.104-0.227-0.104-0.452,0.205-0.597c3.597-1.645,5.734-3.844,6.536-6.495
+			c0.144-0.432,0.226-0.575-0.288-0.575h-5.549c-0.165,0-0.268-0.144-0.268-0.309v-1.377c0-0.185,0.103-0.287,0.287-0.287h6.906
+			c1.213,0,1.624,0.349,1.624,1.232c0,0.268-0.144,0.967-0.185,1.11c-1.131,3.885-3.7,6.7-8.078,8.529
+			c-0.328,0.145-0.555,0.083-0.678-0.185L155.627,21.888z M160.703,30.232c-1.233,0-1.563-0.391-1.563-1.46v-4.521
+			c0-0.144,0.145-0.288,0.288-0.288h1.768c0.165,0,0.309,0.145,0.309,0.288v3.679c0,0.268,0.103,0.329,0.37,0.329h9.516
+			c0.145,0,0.309,0.123,0.309,0.268v1.459c0,0.164-0.144,0.247-0.309,0.247H160.703z M164.731,17.345
+			c0-0.144,0.144-0.246,0.288-0.246h3.699v-5.755c0-0.186,0.082-0.268,0.268-0.268h1.829c0.185,0,0.267,0.082,0.267,0.268v13.318
+			c0,0.185-0.082,0.268-0.267,0.268h-1.829c-0.186,0-0.268-0.083-0.268-0.268v-5.611h-3.699c-0.145,0-0.288-0.103-0.288-0.246
+			V17.345z"/>
+		<path fill="#898989" d="M173.612,20.305c-0.164-0.227-0.164-0.452,0.103-0.596c3.227-1.788,4.625-4.357,4.625-8.119
+			c0-0.185,0.186-0.309,0.328-0.309l1.768,0.083c0.186,0,0.268,0.103,0.268,0.308c0,1.131-0.144,2.199-0.41,3.228
+			c0.883,1.911,2.754,3.453,4.254,4.11c0.227,0.103,0.268,0.268,0.123,0.514l-0.698,1.11c-0.144,0.205-0.309,0.267-0.534,0.164
+			c-1.666-0.72-3.043-1.993-4.091-3.535c-0.966,1.747-2.384,3.083-4.255,4.049c-0.308,0.186-0.514,0.165-0.657-0.021L173.612,20.305
+			z M178.566,30.54c-1.069,0-1.377-0.391-1.377-1.274V26.8c0-0.884,0.287-1.233,1.355-1.233h8.305c0.226,0,0.246-0.062,0.246-0.309
+			V24.56c0-0.309-0.063-0.329-0.309-0.329h-9.352c-0.145,0-0.288-0.103-0.288-0.247v-1.356c0-0.144,0.144-0.287,0.288-0.287H188
+			c1.131,0,1.397,0.349,1.397,1.274v2.445c0,0.966-0.267,1.254-1.397,1.254h-8.242c-0.227,0-0.246,0.041-0.246,0.268v0.821
+			c0,0.247,0.061,0.247,0.309,0.247h9.824c0.144,0,0.287,0.123,0.287,0.288v1.315c0,0.144-0.164,0.287-0.268,0.287H178.566z
+			 M183.108,14.816c0-0.144,0.144-0.246,0.308-0.246h3.639v-3.227c0-0.186,0.082-0.268,0.268-0.268h1.828
+			c0.186,0,0.268,0.082,0.268,0.268v9.783c0,0.144-0.123,0.287-0.268,0.287h-1.828c-0.145,0-0.268-0.144-0.268-0.287v-4.666h-3.639
+			c-0.164,0-0.308-0.103-0.308-0.246V14.816z"/>
+	</g>
+</g>
+</svg>

mobile-src/src/assets/SGC_CI.svg

@@ -1,37 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="레이어_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-	 y="0px" width="200px" height="45px" viewBox="0 0 200 45" enable-background="new 0 0 200 45" xml:space="preserve">
-<g opacity="0.9">
-	<g >
-		<path fill="#FFFFFF" d="M110.005,12.013h7.29c4.92,0,8.699,1.739,8.699,6.989c0,5.07-3.81,7.35-8.579,7.35h-2.97v7.89h-4.44
-			V12.013z M117.116,22.842c3.06,0,4.529-1.29,4.529-3.84c0-2.58-1.62-3.45-4.68-3.45h-2.52v7.29H117.116z"/>
-		<path fill="#FFFFFF" d="M127.856,25.842c0-5.58,3.869-8.819,8.069-8.819s8.069,3.239,8.069,8.819s-3.869,8.819-8.069,8.819
-			S127.856,31.422,127.856,25.842z M139.495,25.842c0-3.149-1.289-5.22-3.569-5.22s-3.57,2.07-3.57,5.22c0,3.18,1.29,5.22,3.57,5.22
-			S139.495,29.021,139.495,25.842z"/>
-		<path fill="#FFFFFF" d="M147.686,17.442h3.6l0.33,2.97h0.09c1.23-2.19,3.03-3.39,4.77-3.39c0.931,0,1.471,0.149,1.98,0.359
-			l-0.75,3.811c-0.601-0.181-1.08-0.271-1.771-0.271c-1.319,0-2.909,0.87-3.84,3.3v10.02h-4.409V17.442z"/>
-		<path fill="#FFFFFF" d="M161.395,28.361v-7.439h-2.37v-3.27l2.61-0.21l0.51-4.53h3.66v4.53h4.14v3.479h-4.14v7.439
-			c0,1.92,0.779,2.82,2.279,2.82c0.54,0,1.2-0.18,1.65-0.36l0.72,3.21c-0.9,0.3-2.07,0.63-3.54,0.63
-			C162.925,34.661,161.395,32.111,161.395,28.361z"/>
-		<path fill="#FFFFFF" d="M171.835,29.682c0-3.6,2.909-5.49,9.689-6.21c-0.09-1.649-0.811-2.91-2.88-2.91
-			c-1.561,0-3.061,0.69-4.62,1.591l-1.59-2.91c1.979-1.23,4.38-2.22,7.02-2.22c4.26,0,6.45,2.55,6.45,7.409v9.81h-3.6l-0.301-1.8
-			h-0.12c-1.47,1.26-3.149,2.22-5.069,2.22C173.815,34.661,171.835,32.531,171.835,29.682z M181.525,29.562v-3.39
-			c-4.11,0.51-5.49,1.649-5.49,3.149c0,1.32,0.931,1.891,2.22,1.891C179.515,31.212,180.445,30.611,181.525,29.562z"/>
-		<path fill="#FFFFFF" d="M190.405,29.531V10.303h4.409v19.409c0,1.02,0.45,1.35,0.87,1.35c0.181,0,0.3,0,0.601-0.06l0.54,3.27
-			c-0.511,0.21-1.23,0.39-2.28,0.39C191.485,34.661,190.405,32.651,190.405,29.531z"/>
-	</g>
-	<path fill="#df0024" d="M82.486,32.395c-4.996,0-9.045-4.433-9.045-9.9s4.049-9.899,9.045-9.899c2.902,0,5.764,1.321,7.471,3.615
-		l7.557-6.406c-3.664-4.024-9.035-6.568-15.027-6.568c-9.609,0-17.631,6.533-19.55,15.24H51.955v8.397h7.589v3.269
-		c-1.822,1.605-4.634,2.253-7.086,2.253c-4.997,0-9.046-4.433-9.046-9.9s4.004-9.755,9.217-9.899
-		c3.055-0.086,5.875,0.533,8.189,1.862c1.145-2.911,2.881-5.542,5.117-7.718c-3.879-2.291-8.82-3.504-13.478-3.504
-		c-10.22,0-18.644,7.393-19.837,16.93c-2.391-1.006-5.369-1.714-8.826-2.285c-5.715-0.998-7.201-1.699-7.201-3.402v-0.106
-		c0-1.329,1.428-2.293,4.193-2.377c3.177-0.098,6.708,0.653,10.055,2.349c1.133-2.774,2.896-5.398,5.096-7.584
-		c-4.063-2.354-8.815-3.665-14.855-3.48C11.185,3.581,4.73,8.37,4.73,15.79s7.164,9.682,15.939,11.227
-		c5.598,0.998,6.724,1.786,6.724,3.35c0,1.316-1.528,2.046-4.466,2.275c-4.748,0.369-9.854-0.812-13.389-3.531l-6.363,7.057
-		c5.066,3.939,12.018,5.803,19.324,5.58c6.781-0.209,11.506-2.714,14.949-6.541c3.664,4.012,9.027,6.547,15.009,6.547
-		c5.984,0,11.351-2.537,15.013-6.553c3.664,4.016,9.031,6.553,15.016,6.553c5.99,0,11.361-2.541,15.023-6.564l-7.549-6.374
-		C88.101,30.944,85.38,32.395,82.486,32.395z"/>
-</g>
-</svg>

mobile-src/src/theme/global.scss

@@ -119,14 +119,7 @@ ion-list.item-list {
             h3 {
                 font-size: 1rem;
                 color: var(--sgc-color-primary-50);
-                position: relative;
-                ion-badge {
-                    position: absolute;
-                    display: inline-block;
-                    top: 0;
-                    right: 0;
 
-                }
             }
         }
     }

mobile-src/src/views/common/LoginPage.vue

@@ -41,34 +41,34 @@
                                 ref="scrtNo"
                             ></ion-input>
                         </ion-item>
+                        <ion-text>
+                            <ion-button type="button" color="light" size="small" @click="openModal('findid')">
+                                {{ $t('LOGIN.BTN_FINDID') }}
+                            </ion-button>
+                            <ion-button type="button" color="light" size="small" @click="openModal('findpw')">
+                                {{ $t('LOGIN.BTN_FINDPW') }}
+                            </ion-button>
+                            <ion-button
+                                type="button"
+                                color="light"
+                                size="small"
+                                :disabled="params.deferredPrompt === null"
+                                @click="addHomeScreen()"
+                            >
+                                {{ $t('BTN_ADDHOME') }}
+                            </ion-button>
+                            
+                        </ion-text>
                     </ion-list>
                 </form>
                 <ion-button class="loginBtn" type="button" @click="onLogin()">
                     {{ $t('LOGIN.BTN_LOGIN') }}
                 </ion-button>
-                <ion-text>
-                    <ion-button type="button" color="light" size="small" @click="openModal('findid')">
-                        {{ $t('LOGIN.BTN_FINDID') }}
-                    </ion-button>
-                    <span>|</span>
-                    <ion-button type="button" color="light" size="small" @click="openModal('findpw')">
-                        {{ $t('LOGIN.BTN_FINDPW') }}
-                    </ion-button>
-                    <span>|</span>
-                    <ion-button
-                        type="button"
-                        color="light"
-                        size="small"
-                        :disabled="params.deferredPrompt === null"
-                        @click="addHomeScreen()"
-                    >
-                        {{ $t('BTN_ADDHOME') }}
-                    </ion-button>
-                    <div>
-                        <strong>SGC</strong> <span>이테크 건설</span>
-                        <div>COPYRIGHT @ 2022 SGC eTEC E&C ALL RIGHTS RESERVED</div>
-                    </div>
-                </ion-text>
+           
+                <div>
+                    <img src="../../assets/SGC-CI.svg" />
+                    <div>COPYRIGHT @ 2022 SGC eTEC E&C<br /> ALL RIGHTS RESERVED</div>
+                </div>
                 <div class="dummpy-keyboard"></div>
             </div>
         </ion-content>
@@ -278,38 +278,44 @@ div.ion-page.background-dark {
             ion-text {
                 font-size: 0.7rem;
                 text-align: center;
-                margin: 0 1.5rem;
+                margin: 0 3rem;
                 display: grid;
                 grid-template-columns: repeat(5, 1fr);
                 color: #aaa;
                 ion-button {
+                    width:5rem;
+                    position: relative;
+                    margin: 0 0.5rem;
                     &::part(native) {
                         color: var(--sgc-background-dark-font);
                         background: transparent;
                         display: inline-block;
                     }
-                }
-                span {
-                    display: inline-block;
-                    vertical-align: middle;
-                    padding-top: 0.5rem;
-                }
-                > div {
-                    font-size: 0.7rem;
-                    grid-column: span 5;
-                    text-align: center;
-                    margin-top: 4rem;
-                }
-                strong {
-                    font-size: 1.3rem;
-                    vertical-align: middle;
+                    &::after {
+                        content:'|';
+                        position:absolute;
+                        right: -0.5rem;
+                        top: 4px;
+                        color: rgba(255,255,255,0.2);
+                    }
+                    &:last-child::after {
+                        display: none;
+                    }
+
+
                 }
             } /* ion-text - end  */
             ion-button.loginBtn {
                 display: block;
-                margin: 3rem 3rem 0 3rem;
+                margin: 3rem;
                 --background : var(--ion-color-danger);
             }
+            div {
+                font-size: 0.7rem;
+                grid-column: span 5;
+                text-align: center;
+                color: #898989;
+            }
         } /* middle-wrapper - end  */
     } /* ion-content - end  */
 }