More UI improvements

This commit is contained in:
Hubert Van De Walle 2020-08-23 01:10:06 +02:00
parent d70663b898
commit cbc3a017e8
6 changed files with 10 additions and 9 deletions

View File

@ -13,7 +13,7 @@ class BaseView(staticFileResolver: StaticFileResolver) : View(staticFileResolver
jwtPayload = jwtPayload jwtPayload = jwtPayload
) { ) {
section("text-center my-2 p-2") { section("text-center my-2 p-2") {
h1("text-5xl") { h1("text-5xl casual") {
span("text-teal-300") { +"Simplenotes " } span("text-teal-300") { +"Simplenotes " }
+"- access your notes anywhere" +"- access your notes anywhere"
} }

View File

@ -32,8 +32,8 @@ class SettingView(staticFileResolver: StaticFileResolver) : View(staticFileResol
} }
form(method = FormMethod.post, action = "/export") { form(method = FormMethod.post, action = "/export") {
button(name = "display", classes = "btn btn-teal block", type = submit) { +"Display my data" } button(name = "display", classes = "inline btn btn-teal block", type = submit) { +"Display my data" }
button(name = "download", classes = "btn btn-green block mt-2", type = submit) { button(name = "download", classes = "inline btn btn-green block ml-2 mt-2", type = submit) {
+"Download my data" +"Download my data"
} }
} }

View File

@ -0,0 +1,3 @@
.casual {
--CASL : 1;
}

View File

@ -6,8 +6,7 @@
@apply text-2xl text-gray-100 font-bold; @apply text-2xl text-gray-100 font-bold;
&:hover { &:hover {
@apply text-blue-300 font-extrabold; @apply text-blue-300 font-extrabold casual;
--CASL: 1;
} }
} }
@ -26,8 +25,7 @@
@apply text-gray-100 font-semibold; @apply text-gray-100 font-semibold;
&:hover { &:hover {
@apply text-blue-300 font-bold; @apply text-blue-300 font-bold casual;
--CASL: 1;
} }
} }
} }

View File

@ -6,8 +6,7 @@
} }
&:hover { &:hover {
@apply bg-teal-800 text-white; @apply bg-teal-800 text-white casual;
--CASL: 1;
} }
&.disabled { &.disabled {

View File

@ -7,6 +7,7 @@
@import "tailwindcss/components"; @import "tailwindcss/components";
@import "./button.pcss"; @import "./button.pcss";
@import "./font-variants.pcss";
@import "./hljs.pcss"; @import "./hljs.pcss";
@import "./navbar.pcss"; @import "./navbar.pcss";
@import "./note-table.pcss"; @import "./note-table.pcss";