jichoi / lms_front star
이은진 이은진 2024-09-11
240911 이은진, 홍아랑 배경화면 변경
@2bfd73e6ce718bb9b6c45f6d2a1f31b536765237
e7f3839
2bfd73e
client/resources/css/reset.css
--- client/resources/css/reset.css
+++ client/resources/css/reset.css
@@ -104,9 +104,21 @@
 
   border-radius: 5px;

   background-color: #ffba08;

 }

+body,

 #root,

 #app {

   /* height: 100%;  */

+  /* background-image: url("../img/new_img/plan/background.png");

+  background-repeat: no-repeat;

+  background-size: cover; */

+}

+body {

+  height: 100%;

+  background-image: url(../img/new_img/plan/background.png);

+  background-repeat: no-repeat;

+  background-size: cover;

+  background-position: center;

+  position: absolute;

 }

 input,

 select,
e7f3839
2bfd73e
client/resources/css/style.css
--- client/resources/css/style.css
+++ client/resources/css/style.css
@@ -158,7 +158,7 @@
 
   right: 60px;
 
   top: 179px;
 
   z-index: 1;
 
-  background-image: url("../img/new_img/plan/background.png");
 
+  /* background-image: url("../img/new_img/plan/background.png"); */
 
 }
 
 .header img {
 
   margin-left: 20px;
e7f3839
2bfd73e
client/views/layout/Header.vue
--- client/views/layout/Header.vue
+++ client/views/layout/Header.vue
@@ -23,12 +23,8 @@
 
                             <svg-icon type="mdi" :path="mdiWindowClose" class="close-btn"></svg-icon>
 
                         </button>
 
                     </div>
 
-                    <article
 
-                        class="flex justify-between mt20"
 
-                        v-for="item in dataList"
 
-                        :key="item.id"
 
-                        :class="{ 'selected-row': selectedRow == item.dataList }"
 
-                    >
 
+                    <article class="flex justify-between mt20" v-for="item in dataList" :key="item.id"
 
+                        :class="{ 'selected-row': selectedRow == item.dataList }">
 
                         <img style="width: fit-content" src="../../resources/img/img200_13p.png" alt="" />
 
                         <p class="title1 ml20" style="width: 60%">{{ item.bbsTtl }}</p>
 
                         <button @click="buttonSearch2(item)" type="button" title="글쓰기" class="new-btn">
@@ -217,11 +213,19 @@
 
     left: 38%;
 
 }
 
 
+/* 
 .header-box {
 
     background-color: white;
 
     padding: 10px 50px;
 
     box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
 
         rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
 
         rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
 
+} */
 
+
 
+.header-box {
 
+    background-color: #ffffff80;
 
+    padding: 10px 50px;
 
+    /* box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px; */
 
+    backdrop-filter: blur(10px);
 
 }
 
 </style>
Add a comment
List