style update

alex

2025-06-03 ece8775cf07f8f7e278ec973105e4c74f87db2fe

 vue/src/pages/KursDetail.vue

@@ -36,7 +36,7 @@
   <div>
      <h1>
         Kurs
         <small>{{ kursId }}</small>
         <small>{{ kurs?.title }}</small>
         <!--         <small>{{ user?.firstname }} {{ user?.lastname }}</small>-->
      </h1>
      <p v-if="error">{{ error }}</p>
@@ -57,10 +57,11 @@
         <div style="grid-column: span 3">{{ kurs.description }}</div>

      </div>
      <!--      <pre>{{kurs}}</pre>-->


      <h2>KursItems</h2>
      <h2>
         KursItems
         <small>({{ kursItems?.length }})</small>
      </h2>
      <table>
         <thead>
            <th>parent_id</th>
@@ -80,47 +81,29 @@
            </tr>
         </tbody>
      </table>
      <pre>{{ kursItems }}</pre>

      <h2>KursTn</h2>
      <pre>{{ kursTn }}</pre>

      <!--      <pre>{{ user }}</pre>-->


      <!--      <table v-if="user">-->
      <!--         <tbody>-->
      <!--            <tr>-->
      <!--               <td>user_id</td>-->
      <!--               <td>{{user.usr_id}}</td>-->
      <!--               <td>login</td>-->
      <!--               <td>{{user.login}}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--               <td>firstname</td>-->
      <!--               <td>{{user.firstname}}</td>-->
      <!--               <td>lastname</td>-->
      <!--               <td>{{user.lastname}}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--               <td>usr_id</td>-->
      <!--               <td>{{user.usr_id}}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--               <td>usr_id</td>-->
      <!--               <td>{{user.usr_id}}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--               <td>usr_id</td>-->
      <!--               <td>{{user.usr_id}}</td>-->
      <!--            </tr>-->
      <!--            <tr>-->
      <!--               <td>usr_id</td>-->
      <!--               <td>{{user.usr_id}}</td>-->
      <!--            </tr>-->

      <!--         </tbody>-->
      <!--      </table>-->
      <h2>
         KursTn
         <small>({{ kursTn?.length }})</small>
      </h2>
      <div :style="{columns: kursTn?.length > 16 ? 3 : 1}">
         <table>
            <thead>
               <th>usr_id</th>
               <th>login</th>
               <th>firstname</th>
               <th>lastname</th>
            </thead>
            <tbody>
               <tr v-for="tn in kursTn">
                  <td>{{ tn.usr_id }}</td>
                  <td>{{ tn.login }}</td>
                  <td>{{ tn.firstname }}</td>
                  <td>{{ tn.lastname }}</td>
               </tr>
            </tbody>
         </table>
      </div>

   </div>