Tailwind, side barr, add new component button, layour of route

This commit is contained in:
Rotimi-Best
2020-12-26 02:22:37 +02:00
parent b700f6bb07
commit ba06a0001a
27 changed files with 1753 additions and 636 deletions
+4 -7
View File
@@ -1,4 +1,5 @@
<script>
import Space from "./Space.svelte";
export let segment;
</script>
@@ -37,7 +38,7 @@
content: '';
width: calc(100% - 1em);
height: 2px;
background-color: rgb(255,62,0);
background-color: #3182ce;
display: block;
bottom: -1px;
}
@@ -47,19 +48,15 @@
padding: 1em 0.5em;
display: block;
}
.actions {
flex-grow: 1;
}
</style>
<nav>
<ul>
<li><a aria-current="{segment === undefined ? 'page' : undefined}" href=".">UniDiscuss</a></li>
</ul>
<div class="actions"></div>
<Space/>
<ul>
<li><a aria-current="{segment === 'ask' ? 'page' : undefined}" href="ask">Ask</a></li>
<!-- <li><a aria-current="{segment === 'ask' ? 'page' : undefined}" href="ask">Ask</a></li> -->
<li><a aria-current="{segment === 'profile' ? 'page' : undefined}" href="profile">Profile</a></li>
</ul>
</nav>