sync store_location to manage_table styl

backstage/templates/store_location.html

@@ -1,6 +1,6 @@
 {% extends "layout.html" %}
 {% block main %}
-<h1>{{ title }}</h1>
+<h1 class="h3"><i class="fas fa-pen mr-2"></i>{{ title }}</h1>
 {% for part, stores in stores_data.items() %}
   <form action="{{ url_for('store_locations.create') }}" method="POST" enctype="multipart/form-data">
     {% if part == "north" %}
@@ -12,17 +12,17 @@
     {% elif part == "east" %}
       <h2>東部門市</h2>
     {% endif %}
-  <table id="example" class="table table-striped table-bordered" cellspacing="0" width="60%">
+  <table id="store_locations_table" class="table table__content mb-0" cellspacing="0" width="60%">
     <thead>
       <tr>
-        <th>數量</th>
-        <th>區域</th>
-        <th>門市</th>
-        <th>營業時間</th>
-        <th>門市電話</th>
-        <th>門市地點</th>
-        <th>停車資訊</th>
-        <th>輪播照片</th>
+        <th class="table__head">數量</th>
+        <th class="table__head">區域</th>
+        <th class="table__head">門市</th>
+        <th class="table__head">營業時間</th>
+        <th class="table__head">門市電話</th>
+        <th class="table__head">門市地點</th>
+        <th class="table__head">停車資訊</th>
+        <th class="table__head">輪播照片</th>
         <th style="text-align:center;width:100px;">
           <input class="btn btn-primary" type="submit" value="提交">
         </th>
@@ -31,27 +31,27 @@
     {% for store in stores %}
       <tbody>
         <tr>
-          <td>{{ loop.index }}</td>
-          <td>
+          <td class="table__data">{{ loop.index }}</td>
+          <td class="table__data">
             <input name="title-{{ loop.index }}" class="form-control form-control-lg" value="{{ store.title }}">
             <input name="type-{{ loop.index }}" type="hidden" value="{{ store.type }}">
           </td>
-          <td>
+          <td class="table__data">
             <input name="store-{{ loop.index }}" class="form-control form-control-lg" value="{{ store.store }}">
           </td>
-          <td>
+          <td class="table__data">
             <input name="hour-{{ loop.index }}" class="form-control form-control-lg" value="{{ store.hour }}">
           </td>
-          <td>
+          <td class="table__data">
             <input name="phone-{{ loop.index }}" class="form-control form-control-lg" value="{{ store.phone }}">
           </td>
-          <td>
+          <td class="table__data">
             <input name="location-{{ loop.index }}" class="form-control form-control-lg" value="{{ store.location }}">
           </td>
-          <td>
+          <td class="table__data">
             <input name="parking-{{ loop.index }}" class="form-control form-control-lg" value="{{ store.parking }}">
           </td>
-          <td>
+          <td class="table__data">
             {% for img_src in store.imgs %}
               <img src="http://127.0.0.1:1313/{{ img_src }}" width="80px" height="50px">
               <input name="img-{{ loop.index }}" type='hidden' value="{{ img_src }}">