opdavies/rebuilding-platformsh
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Re-order classes

Browse source
This commit is contained in:
Oliver Davies 2019-06-14 20:08:30 +01:00
parent c83c7f8547
commit 04fa9e5c50
5 changed files with 11 additions and 11 deletions

4
src/components/Banner.vue
View file

@ -13,7 +13,7 @@
<div class="w-1/4 px-4">
<div class="flex justify-end">
<button type="button" class="font-semibold hover:bg-gray-700 py-1 px-2 rounded inline-flex">
<button type="button" class="inline-flex py-1 px-2 rounded font-semibold hover:bg-gray-700">
Oliver Davies
<svg class="ml-2 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.90002 9.8999C6.90002 9.5999 7.00002 9.3999 7.20002 9.1999C7.60002 8.7999 8.20002 8.7999 8.60002 9.1999L12.1 12.6999L15.6 9.1999C16 8.7999 16.6 8.7999 17 9.1999C17.4 9.5999 17.4 10.1999 17 10.5999L12.8 14.7999C12.4 15.1999 11.8 15.1999 11.4 14.7999L7.20002 10.5999C7.00002 10.3999 6.90002 10.1999 6.90002 9.8999Z" fill="#ffffff"></path></svg>
</button>
@ -22,7 +22,7 @@
</div>
</div>
</header>
<div class="max-w-6xl mx-auto px-4 bg-charade py-3 px-5 -mt-8 mb-4 shadow-lg">
<div class="max-w-6xl mx-auto px-4 py-3 -mt-8 mb-4 bg-charade shadow-lg">
<slot name="sub-banner"></slot>
</div>
</div>

2
src/components/ProjectBreadcrumb.vue
View file

@ -5,7 +5,7 @@
<router-link :to="{ name: 'projects' }" class="font-semibold text-white opacity-75">Projects</router-link>
<svg class="h-6 w-6 fill-current text-white opacity-75" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M6.9 9.9c0-.3.1-.5.3-.7.4-.4 1-.4 1.4 0l3.5 3.5 3.5-3.5c.4-.4 1-.4 1.4 0 .4.4.4 1 0 1.4l-4.2 4.2c-.4.4-1 .4-1.4 0l-4.2-4.2c-.2-.2-.3-.4-.3-.7z"/></svg>
</li>
<li class="font-semibold flex items-center">Rebuilding Platform.sh</li>
<li class="flex items-center font-semibold">Rebuilding Platform.sh</li>
</ul>
</div>
</template>

4
src/components/ProjectCard.vue
View file

@ -1,5 +1,5 @@
<template>
<article class="w-full sm:w-1/2 md:w-1/3 px-4 mb-8">
<article class="w-full px-4 mb-8 sm:w-1/2 md:w-1/3">
<router-link :to="{ name: 'project', params: { id: 1 }}" class="group block hover:no-underline">
<span class="block bg-gray-100 shadow-lg rounded overflow-hidden">
<span class="block p-6">
@ -10,7 +10,7 @@
<img src="../assets/img/download.jpg" alt="" class="shadow-2xl rounded mt-4">
</span>
<span class="block bg-white py-5 px-8 -mt-24 relative">
<span class="block py-5 px-8 -mt-24 relative bg-white">
<p>Europe (West 1)</p>
</span>
</span>

2
src/components/ProjectSearch.vue
View file

@ -8,7 +8,7 @@
</div>
<div class="px-4">
<a href="#0" class="text-white bg-blue-700 hocus:bg-blue-800 px-4 py-2 rounded text-sm inline-flex flex-row-reverse items-center">
<a href="#0" class="inline-flex flex-row-reverse items-center px-4 py-2 rounded text-white text-sm bg-blue-700 hocus:bg-blue-800">
Add project
<svg class="h-3 w-4" xmlns="http://www.w3.org/2000/svg"><path d="M6 6v4H4V6H0V4h4V0h2v4h4v2z" fill="#fff" fill-rule="evenodd"/></svg>
</a>

10
src/views/Projects.vue
View file

@ -13,17 +13,17 @@
<project-view-switcher @changed="projectViewSwitched" :active-mode="displayMode"></project-view-switcher>
</div>
<div v-if="displayMode == 'grid'" class="flex flex-wrap mt-4 -mx-4 -mb-8">
<div v-if="displayMode == 'grid'" class="flex flex-wrap mt-4 -mb-8 -mx-4">
<project-card v-for="n in 9" :key="n"></project-card>
</div>
<div v-if="displayMode == 'list'" class="bg-white shadow-md pt-6 pb-6 mt-4">
<div v-if="displayMode == 'list'" class="pt-6 pb-6 mt-4 bg-white shadow-md">
<table class="w-full">
<thead>
<tr class="border-b border-gray-300">
<th class="font-semibold text-left text-sm pb-3 px-6 w-1/2">Project name</th>
<th class="font-semibold text-left text-sm pb-3 px-6">Owner</th>
<th class="font-semibold text-left text-sm pb-3 px-6 w-1/4">Region</th>
<th class="w-1/2 pb-3 px-6 font-semibold text-left text-sm">Project name</th>
<th class="pb-3 px-6 font-semibold text-left text-sm">Owner</th>
<th class="w-1/4 pb-3 px-6 font-semibold text-left text-sm">Region</th>
</tr>
</thead>
<tbody>