Assorted UI tweaking
This commit is contained in:
parent
a28a9887c1
commit
89d29cf46b
5 changed files with 67 additions and 63 deletions
|
@ -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;
|
||||
|
|
|
@ -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 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
*/
|
||||
|
|
Reference in a new issue