File: resources/js/components/Card.vue

Recommend this page to a friend!
  Classes of Naif Alshaye  >  PHP World Clock  >  resources/js/components/Card.vue  >  Download  
File: resources/js/components/Card.vue
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: PHP World Clock
Display the time in different time zones
Author: By
Last change:
Date: 1 year ago
Size: 862 bytes
 

Contents

Class file image Download
<template>
    <card class="h-auto" style="max-width:300px;">
        <div class="px-3 py-3">
            <div style="margin-top:10px; text-align: center;">

                <table align="center" class="table">
                    <tr>
                        <th>City</th>
                        <th>Time</th>
                    </tr>
                    <tr v-for="time in this.card.times">
                        <td class="td_h">
                            {{time.name}}
                        </td>
                        <td class="td_h">
                            {{time.time}}
                        </td>
                    </tr>
                </table>
            </div>

        </div>
    </card>
</template>
<style>
    .td_h {
      height: 35px !important;
    }
</style>
<script>

  export default {
    props: ['card']
  }
</script>

For more information send a message to info at phpclasses dot org.