Commit @64a052d01c267ff73ca4b6c789419fec9c8070c5

류윤주 2023-11-14

231114 류윤주 로그아웃 css 수정

@64a052d01c267ff73ca4b6c789419fec9c8070c5

0152118

64a052d

client/resources/css/Main.css

--- client/resources/css/Main.css

+++ client/resources/css/Main.css


   border-radius: 1.2rem;
   cursor: pointer;
 }
+
+.logout{
+  border-left: 1px solid #fff;
+  color: #fff;
+  cursor: pointer;
+}
 /* 스와이퍼--------------------------------------- */
 .swiper-button-prev:after,
 .swiper-button-next:after {

0152118

64a052d

client/resources/css/admin.css

--- client/resources/css/admin.css

+++ client/resources/css/admin.css


   height: 100%;
   font-size: 1.3rem;
 }
+.dashboard .content-wrap{
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-template-rows: repeat(4,1fr);
+  gap: 30px;
+}
 
+.dashboard .combine{
+  grid-column: 1/3;
+}
 .content {
   padding: 20px 35px;
   background-color: rgb(198, 238, 255);

0152118

64a052d

client/views/layout/Header.vue

--- client/views/layout/Header.vue

+++ client/views/layout/Header.vue


                     <router-link to="/Login.page"><i class="fa-solid fa-user fa-lg" style="color: #ffffff;"></i>
                         로그인</router-link>
                 </li>
-                <li class="login" v-else @click="logout()">
+                <li class="logout" v-else @click="logout()">
                     로그아웃
                 </li>
                 <li class="join" v-if="store.state.loginUser === null">

0152118

64a052d

client/views/pages/admin/main/Amain.vue

--- client/views/pages/admin/main/Amain.vue

+++ client/views/pages/admin/main/Amain.vue


 <template>
-    <div class="admin-wrap">
+    <div class="admin-wrap dashboard">
         <div class="content-box">
             <div class="content-wrap">
                 <div class="content">
                     <div class="content-title">오늘의 통계</div>
+                    <div class="content-zone"></div>
+                </div>
+                <div class="content">
+                    <div class="content-title">매칭현황</div>
+                    <div class="content-zone"></div>
+                </div>
+                <div class="content combine">
+                    <div class="content-title">오늘의 메뉴 접속자 통계</div>
+                    <div class="content-zone"></div>
+                </div>
+                <div class="content combine">
+                    <div class="content-title">방문자수</div>
+                    <div class="content-zone"></div>
+                </div>
+                <div class="content">
+                    <div class="content-title">페이지별 접속 통계</div>
+                    <div class="content-zone"></div>
+                </div>
+                <div class="content">
+                    <div class="content-title">조회수 높은 게시글 top5</div>
+                    <div class="content-zone"></div>
                 </div>
             </div>
         </div>

Add a comment

Open 0
Closed 0

List

...	...	@@ -2405,6 +2405,12 @@
2405	2405	border-radius: 1.2rem;
2406	2406	cursor: pointer;
2407	2407	}
	2408	+
	2409	+.logout{
	2410	+ border-left: 1px solid #fff;
	2411	+ color: #fff;
	2412	+ cursor: pointer;
	2413	+}
2408	2414	/* 스와이퍼--------------------------------------- */
2409	2415	.swiper-button-prev:after,
2410	2416	.swiper-button-next:after {

...	...	@@ -5,7 +5,16 @@
5	5	height: 100%;
6	6	font-size: 1.3rem;
7	7	}
	8	+.dashboard .content-wrap{
	9	+ display: grid;
	10	+ grid-template-columns: 1fr 1fr;
	11	+ grid-template-rows: repeat(4,1fr);
	12	+ gap: 30px;
	13	+}
8	14
	15	+.dashboard .combine{
	16	+ grid-column: 1/3;
	17	+}
9	18	.content {
10	19	padding: 20px 35px;
11	20	background-color: rgb(198, 238, 255);

...	...	@@ -1,9 +1,30 @@
1	1	<template>
2		- <div class="admin-wrap">
	2	+ <div class="admin-wrap dashboard">
3	3	<div class="content-box">
4	4	<div class="content-wrap">
5	5	<div class="content">
6	6	<div class="content-title">오늘의 통계</div>
	7	+ <div class="content-zone"></div>
	8	+ </div>
	9	+ <div class="content">
	10	+ <div class="content-title">매칭현황</div>
	11	+ <div class="content-zone"></div>
	12	+ </div>
	13	+ <div class="content combine">
	14	+ <div class="content-title">오늘의 메뉴 접속자 통계</div>
	15	+ <div class="content-zone"></div>
	16	+ </div>
	17	+ <div class="content combine">
	18	+ <div class="content-title">방문자수</div>
	19	+ <div class="content-zone"></div>
	20	+ </div>
	21	+ <div class="content">
	22	+ <div class="content-title">페이지별 접속 통계</div>
	23	+ <div class="content-zone"></div>
	24	+ </div>
	25	+ <div class="content">
	26	+ <div class="content-title">조회수 높은 게시글 top5</div>
	27	+ <div class="content-zone"></div>
7	28	</div>
8	29	</div>
9	30	</div>

Delete comment