Skip to content
Permalink
Browse files

style updates

  • Loading branch information...
slatron committed Aug 4, 2019
1 parent 1e7db78 commit 514498deabddd7378a71bf22d17598c7f9662469
Showing with 4 additions and 9 deletions.
  1. +1 −8 src/App.vue
  2. +3 −1 src/components/FilterControls.vue
@@ -1,19 +1,12 @@
<template>
<div id="app" class="text-blue-600">
<!--
How To Router
<div id="nav">
<router-link to="/">Home</router-link> |
<router-link to="/about">About</router-link>
</div>
-->
<header class="bg-black fixed w-full top-0 h-8 md:h-12 z-10">
<h1 class="text-xl md:text-3xl text-center">Slatronica Alters</h1>
</header>
<main class="pt-8 md:pt-12 z-0">
<router-view/>
</main>
<footer class="text-xs md:text-sm bg-black fixed bottom-0 right-0 h-4 px-2 py-6 z-10">
<footer class="text-xs text-blue-700 md:text-sm bg-black fixed bottom-0 right-0 h-4 px-2 pb-6 z-10">
<p>alters by mike slater</p>
</footer>
</div>
@@ -17,10 +17,12 @@
<button
v-on:click="toggleSortField()"
type="button"
class="w-16"
>{{sort_field}}</button>
<button
v-on:click="toggleSortDirection()"
type="button"
class="w-24"
>{{sort_direction}}</button>
</fieldset>
</div>
@@ -71,7 +73,7 @@ label {
@apply mr-2 font-medium;
}
button {
@apply outline-none bg-gray-800 text-gray-200 cursor-pointer px-2 py-1;
@apply outline-none bg-gray-800 text-gray-200 cursor-pointer py-1 border-blue-700 border;
}
select {
@apply text-black;

0 comments on commit 514498d

Please sign in to comment.
You can’t perform that action at this time.