shoppingmallv2 init...

app/Config/Constants.php

@@ -205,7 +205,7 @@ define('ICONS', [
   'SETUP'   => '<i class="bi bi-gear"></i>',
   'FLAG'    => '<i class="bi bi-send"></i>',
   'SEARCH'  => '<i class="bi bi-search"></i>',
-  'EXCEL'   => '<i class="bi bi-file-excel"></i>',
+  'EXCEL'   => '<img src="/images/common/excel.png"/>',
   'HOME'   => '<i class="bi bi-house-door-fill"></i>',
   'IMAGE_FILE'   => '<i class="bi bi-file-earmark-image"></i>',
 ]);

app/Views/templates/front/index_head.php

@@ -1,14 +1,14 @@
 <nav class="navbar navbar-expand-lg">
     <div class="container-fluid">
         <nav class="nav">
-            <span>페이지정보 : <?= $viewDatas['page'] ?>/<?= $viewDatas['total_page'] ?></span>
+            <span class="pageinfo">페이지정보 : <?= $viewDatas['page'] ?>/<?= $viewDatas['total_page'] ?></span>
         </nav>
         <nav class="nav justify-content-center"></nav>
         <nav class="nav justify-content-end">
             <?= form_open(current_url(), array("method" => "get")) ?>
-            <span><?= form_input('word', $viewDatas['word']) ?></span>
-            <?= form_submit('', '검색', array("class" => "btn btn-outline btn-primary")); ?><?= anchor(current_url() . '/excel?' . $viewDatas['uri']->getQuery(), '<i class="bi bi-file-excel"></i>', ["class" => "btn btn-sm btn-danger btn-circle", "target" => "_self"]) ?>
-            </span>
+            <?= form_input('word', $viewDatas['word']) ?>
+            <?= form_submit('', '검색하기') ?>
+            <?= anchor(current_url() . '/excel?' . $viewDatas['uri']->getQuery(), ICONS['EXCEL'], ["target" => "_self"]) ?>
             <?= form_close() ?>
         </nav>
     </div>

public/css/front/content.css

@@ -6,9 +6,33 @@ div#content{
 /* div#content div.top{
 	border:1px solid red;
 } */
-div#content div.top nav span{
+/*페이지정보*/
+div#content div.top nav span.pageinfo{
 	font-weight:bold;
 }
+/*검색*/
+div#content div.top nav input[type=text]{
+	width:200px;
+	height:40px;
+	border-radius:0px !important;
+	/* border:1px solid red; */
+}
+/*검색submit*/
+div#content div.top nav input[type=submit]{
+	font-size:12px;
+	font-weight:bold;
+	width:80px;
+	height:40px;
+	color:white;
+	border-radius:0px !important;
+	background-color:#555555;
+	/* border:1px solid red; */
+}
+/*Excel Icon*/
+div#content div.top nav a{
+	border-radius:0px !important;
+	/* border:1px solid red; */
+}
 
 /* index block 전용 */
 div#content table#block tr:first-child {
@@ -49,7 +73,6 @@ div#content table tbody td {
 	text-align:center;
 }
 div#content table tbody td a{
-	color: black;
 	color:gray;
 	text-decoration: none;
 	/* border:1px solid silver; */
@@ -65,15 +88,20 @@ div#content table.form td.column{
 	text-align:left;
 	padding-left:20px;
 }
+
 div#content div.bottom {
 	padding-top:15px;
 	text-align:center;
 }
-div#content div.bottom ul.nav{
-	/* border:1px solid red; */
-	margin-bottom:15px;
+
+div#content div.bottom ul.pagination li.page-item a{
+	color:black;
+	border:0px;
+	border-radius:0px !important;
+	background-color:#e8ebe9;
+	text-decoration: none;
 }
-div#content div.bottom ul.nav li.nav-item{
-	/* border:1px solid red; */
-	margin-left:10px;
+div#content div.bottom ul.pagination li.active a{
+	color:black;
+	background-color:gray;
 }

public/css/front/top_menu.css

@@ -6,7 +6,6 @@
 #top_menu a:hover{
     text-decoration:none;
 }
-
 /* #top_menu nav.nav,ul.nav{
     border:1px solid red;
 } */
@@ -15,43 +14,59 @@
     font-weight:bold;
 }
 
-#top_menu ul.nav li.nav-item {
-    margin-left:15px;
-    margin-right:15px;
-}
-#top_menu ul.nav li.nav-item ul.navbar-nav a#navbarDarkDropdownMenuLink{
+/* 메뉴바그룹 상단글자*/
+#top_menu div.dropdown-center ul.navbar-nav a#navbarDarkDropdownMenuLink{
     font-size:18px;
     font-weight:bold;
     /* border:1px solid silver; */
 }
 
-/* 메뉴바 */
-#top_menu ul.nav li.nav-item ul.navbar-nav{
+/* 메뉴바그룹 */
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown {
     width:200px;
+    text-align:center;
     /* border:1px solid red; */
 }
-/* 메뉴바 hover했을시 */
-#top_menu ul.nav li.nav-item ul.navbar-nav li.dropdown:hover a#navbarDarkDropdownMenuLink{
+/* 메뉴바그룹 hover했을시 */
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown:hover a#navbarDarkDropdownMenuLink{
     color:#26417D;
 }
-#top_menu ul.nav li.nav-item ul.navbar-nav li.dropdown:hover ul.dropdown-menu{
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown:hover ul.dropdown-menu{
     /* margin-top:15px; */
     display: block;
+    /* 라운드없애기 */
+    border-radius:0px !important;
+    padding-bottom:0px;
+    border:0px;
   /* border:1px solid silver; */
 }
 
-#top_menu ul.nav li.nav-item ul.navbar-nav li.dropdown ul.dropdown-menu li a{
-    font-size:18px;
+/* 메뉴바 */
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown ul.dropdown-menu li{
+    width:200px;
+    height:60px;
+    padding-top:15px;
+    /* border:1px solid red; */
+}
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown ul.dropdown-menu li a{
+    font-size:16px;
+    font-weight:bold;
     text-align:center;
     text-decoration:none;
     width:200px;
-    padding-top:10px;
-    padding-bottom:10px;
 }
-#top_menu ul.nav li.nav-item ul.navbar-nav li.dropdown ul.dropdown-menu li:hover a{
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown ul.dropdown-menu li a.active{
+    color:#efefef;
+    background-color:#26417D;
+    /* border:1px solid red; */
+}
+/* 메뉴바 over했을시*/
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown ul.dropdown-menu li:hover{
+    width:200px;
+    background-color:#26417D;
+    /* border:1px solid red; */
+}
+#top_menu div.dropdown-center ul.navbar-nav li.dropdown ul.dropdown-menu li:hover a{
     color:white;
     background-color:#26417D;
-}
-/* #top_menu ul.nav li.nav-item ul.navbar-nav a:hover{
-    border:1px solid silver;
-} */
+}