GS-2317

alex

2025-09-18 6941620b6432abb9442f36fa5864e0c42799a73a

GS-2317

 vue/src/assets/styles.styl

@@ -42,3 +42,15 @@
      border 3px solid orange
      outline none




.red
  width 2ch
  text-align center;
  background-color red;
  color white
  font-weight bold

.green
  color green

 vue/src/pages/KursDetail.vue

@@ -91,7 +91,9 @@

         <div>
            <span>offline</span>
            <div>{{ kurs.offline }}</div>
           <div :class="{red:kurs.offline===1,green:kurs.offline===0}">
             {{ kurs.offline }}
           </div>
         </div>

         <div class="text-right" style="grid-column: span 1; justify-content: flex-end">

 vue/src/pages/Kurse.vue

@@ -63,7 +63,11 @@
                  <td>{{ kurs.title }}</td>
                  <td>{{ kurs.description }}</td>
                  <td>{{ kurs.type }}</td>
                  <td>{{ kurs.offline }}</td>
          <td>
            <div :class="{red:kurs.offline===1,green:kurs.offline===0}">
              {{ kurs.offline }}
            </div>
          </td>
               </tr>
            </tbody>
         </table>
@@ -75,6 +79,16 @@

</template>

<style scoped>
<style scoped lang="stylus">
//
//.red
//  max-width 2ch
//  text-align center;
//  background-color red;
//  color white
//  font-weight bold
//
//.green
//  color green

</style>