More UI improvements
This commit is contained in:
parent
d70663b898
commit
cbc3a017e8
@ -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"
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
3
css/src/font-variants.pcss
Normal file
3
css/src/font-variants.pcss
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
.casual {
|
||||||
|
--CASL : 1;
|
||||||
|
}
|
||||||
@ -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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,8 +6,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@apply bg-teal-800 text-white;
|
@apply bg-teal-800 text-white casual;
|
||||||
--CASL: 1;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&.disabled {
|
&.disabled {
|
||||||
|
|||||||
@ -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";
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user