tomru/pfadi-bussle
1
0
Fork 0
mirror of https://github.com/tomru/pfadi-bussle.git synced 2026-03-03 06:27:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

extract layout and apply to all pages

Browse Source
This commit is contained in:
Thomas Ruoff
2021-03-13 00:16:07 +01:00
parent cf4a539ac5
commit ecb71f54e7
8 changed files with 274 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
pages/prices.tsx
View File

@@ -1,58 +1,55 @@
import Header from '../components/header'
import Layout from '../components/layout'
export default function Prices() {
return (
<>
<Header />
<main className="main text-gray-900">
<h1 className="mb-3 text-xl font-extrabold">Preise</h1>
<table className="divide-y divide-gray-200">
<thead className="bg-gray-50">
<tr>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Gefahrene Kilomenter
</th>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Kosten
</th>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Bemerkungen
</th>
</tr>
</thead>
<tbody className="bg-white divide-y divide-gray-200">
<tr>
<td className="px-6 py-4 whitespace-nowrap">bis 200 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,42 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">inklusive Sprit</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-nowrap">201-1000 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,25 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-nowrap">1001-2000 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,20 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-nowrap">ab 2001 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,18 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
</tr>
</tbody>
</table>
</main>
</>
<Layout>
<h1 className="mb-3 text-xl font-extrabold">Preise</h1>
<table className="divide-y divide-gray-200">
<thead className="bg-gray-50">
<tr>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Gefahrene Kilomenter
</th>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Kosten
</th>
<th
scope="col"
className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider"
>
Bemerkungen
</th>
</tr>
</thead>
<tbody className="bg-white divide-y divide-gray-200">
<tr>
<td className="px-6 py-4 whitespace-nowrap">bis 200 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,42 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">inklusive Sprit</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-nowrap">201-1000 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,25 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-nowrap">1001-2000 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,20 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
</tr>
<tr>
<td className="px-6 py-4 whitespace-nowrap">ab 2001 km</td>
<td className="px-6 py-4 whitespace-nowrap">0,18 Euro / km</td>
<td className="px-6 py-4 whitespace-nowrap">exclusive Sprit</td>
</tr>
</tbody>
</table>
</Layout>
)
}