Assorted UI tweaking

This commit is contained in:
Dane Everitt 2019-02-03 17:27:19 -08:00
parent a28a9887c1
commit 89d29cf46b
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
5 changed files with 67 additions and 63 deletions

View file

@ -46,7 +46,7 @@ code {
* Styling for elements that contain the core page content.
*/
.content-box {
@apply .bg-white .p-6 .border .border-grey-light .rounded;
@apply .bg-white .p-6 .rounded .shadow-md;
}
/**
@ -82,6 +82,7 @@ code {
.server-card {
@apply .block .no-underline .shadow;
transition: all 100ms ease-in;
& .identifier-icon {
@apply .inline-block .rounded-full .text-white .text-center .leading-none .justify-center .w-8 .h-8 .mr-2 .flex .flex-row .items-center;
@ -110,6 +111,7 @@ code {
& > input[type="text"] {
@apply .w-full .p-3 .rounded .border .text-grey-darker;
transition: border 150ms ease-in;
&:focus {
@apply .border-blue-light;

View file

@ -60,6 +60,21 @@
}
}
.sidenav {
a {
@apply .block .no-underline .text-grey-darker .py-2;
transition: color 75ms ease-in;
&:hover {
@apply .text-grey;
}
&.router-link-exact-active {
@apply .font-medium;
}
}
}
/*
.sidenav {
@apply .py-2;
@ -78,3 +93,4 @@
}
}
}
*/