Make the file manager look better

This commit is contained in:
Dane Everitt 2019-02-09 17:07:11 -08:00
parent ac13f5dce4
commit caca6cff8a
No known key found for this signature in database
GPG key ID: EEA66103B3D71F53
7 changed files with 33 additions and 20 deletions

View file

@ -1,6 +1,6 @@
.filemanager {
& .header {
@apply .flex .text-sm .pb-4 .font-bold .border-b .border-neutral-400 .mb-3;
@apply .flex .text-xs .text-neutral-600 .pb-4 .font-bold .border-b .border-neutral-200 .mb-3 .uppercase;
& > div {
@apply .pr-4;
@ -19,7 +19,7 @@
}
&.active-selection, &.clickable:hover {
@apply .bg-neutral-50 .text-neutral-900 .shadow;
@apply .bg-neutral-50 .text-neutral-900;
}
& > .icon {
@ -65,14 +65,14 @@
}
.filemanager-breadcrumbs {
@apply .px-4 .py-3 .mb-6 .rounded .bg-white .text-neutral-800 .shadow-md;
@apply .px-4 .py-3 .mb-6 .rounded .bg-white .text-neutral-400 .border .border-neutral-100 .shadow;
& a {
@apply .no-underline .text-primary-500;
transition: color 50ms ease-in;
@apply .no-underline .text-neutral-400;
transition: color 100ms linear;
&:hover {
@apply .text-primary-800;
@apply .text-primary-500;
}
}
}