mirror of
https://github.com/cruip/vuejs-admin-dashboard-template.git
synced 2026-03-01 00:35:36 +08:00
2.0.0
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
<template>
|
||||
<div class="col-span-full xl:col-span-6 bg-white shadow-lg rounded-sm border border-gray-200">
|
||||
<header class="px-5 py-4 border-b border-gray-100">
|
||||
<h2 class="font-semibold text-gray-800">Customers</h2>
|
||||
<div class="col-span-full xl:col-span-6 bg-white dark:bg-slate-800 shadow-lg rounded-sm border border-slate-200 dark:border-slate-700">
|
||||
<header class="px-5 py-4 border-b border-slate-100 dark:border-slate-700">
|
||||
<h2 class="font-semibold text-slate-800 dark:text-slate-100">Customers</h2>
|
||||
</header>
|
||||
<div class="p-3">
|
||||
|
||||
@@ -9,7 +9,7 @@
|
||||
<div class="overflow-x-auto">
|
||||
<table class="table-auto w-full">
|
||||
<!-- Table header -->
|
||||
<thead class="text-xs font-semibold uppercase text-gray-400 bg-gray-50">
|
||||
<thead class="text-xs font-semibold uppercase dark:text-slate-500 bg-slate-50 dark:bg-slate-700 dark:bg-opacity-50">
|
||||
<tr>
|
||||
<th class="p-2 whitespace-nowrap">
|
||||
<div class="font-semibold text-left">Name</div>
|
||||
@@ -26,7 +26,7 @@
|
||||
</tr>
|
||||
</thead>
|
||||
<!-- Table body -->
|
||||
<tbody class="text-sm divide-y divide-gray-100">
|
||||
<tbody class="text-sm divide-y divide-slate-100 dark:divide-slate-700">
|
||||
<tr
|
||||
v-for="customer in customers"
|
||||
:key="customer.id"
|
||||
@@ -36,7 +36,7 @@
|
||||
<div class="w-10 h-10 shrink-0 mr-2 sm:mr-3">
|
||||
<img class="rounded-full" :src="customer.image" width="40" height="40" :alt="customer.name" />
|
||||
</div>
|
||||
<div class="font-medium text-gray-800">{{customer.name}}</div>
|
||||
<div class="font-medium text-slate-800 dark:text-slate-100">{{customer.name}}</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="p-2 whitespace-nowrap">
|
||||
|
||||
Reference in New Issue
Block a user