updated db import, views, and api

This commit is contained in:
Gregorio Chiko Putra
2019-05-11 12:41:25 +07:00
parent e2ce3293e1
commit c66f26457e
8 changed files with 621 additions and 571 deletions

View File

@@ -13,6 +13,10 @@ html, body {
font-size: calc(.75rem + 1vmin);
}
span.error {
@apply text-red-600;
}
.header {
h1 {
@apply text-3xl font-bold mb-6 mt-4;
@@ -23,15 +27,73 @@ html, body {
@apply bg-white mx-auto h-full p-12;
}
@screen md {
.header {
h1 {
@apply text-5xl;
.letter {
@apply mx-auto p-1 text-black w-full;
font-size: calc(.5rem + 1vmin);
.mobile-info {
@apply italic text-gray-600;
display: initial;
}
.print-button {
@apply text-xs text-white bg-indigo-400 px-2 py-1 rounded hidden;
&:hover {
@apply bg-indigo-500;
}
&:focus {
@apply outline-none bg-indigo-600
}
}
.container {
@apply w-3/4 mt-8;
p {
line-height: 1.1;
}
.letter__header {
@apply text-center mt-4;
img {
@apply w-full;
}
}
.letter__body-header {
@apply text-center;
}
ol {
@apply list-decimal list-inside;
}
table {
@apply w-full;
td {
@apply align-top pr-2;
}
.strong {
@apply font-bold;
}
.special {
@apply font-bold tracking-widest text-lg italic;
}
}
table.signature {
@apply w-auto ml-auto mt-4;
.letter__sign {
width: 80%;
height: 4rem;
background-image: url('/img/letter-sign.jpg');
background-size: contain;
background-repeat: no-repeat;
}
}
}
@@ -75,66 +137,24 @@ html, body {
}
}
.print-button {
@apply text-xs text-white bg-indigo-400 px-2 py-1 rounded;
&:hover {
@apply bg-indigo-500;
}
&:focus {
@apply outline-none bg-indigo-600
}
}
.letter {
@apply mx-auto p-1 text-black w-full;
font-size: calc(.5rem + 1vmin);
p {
line-height: 1.1;
}
.letter__header {
@apply text-center mt-4;
img {
@apply w-full;
@screen md {
.header {
h1 {
@apply text-5xl;
}
}
.letter__body-header {
@apply text-center;
.container {
@apply w-3/4 mt-8;
}
ol {
@apply list-decimal list-inside;
}
table {
@apply w-full;
td {
@apply align-top pr-2;
.letter {
.mobile-info {
@apply hidden;
}
.strong {
@apply font-bold;
}
.special {
@apply font-bold tracking-widest text-lg italic;
}
}
table.signature {
@apply w-auto ml-auto mt-4;
.letter__sign {
width: 79%;
height: 4rem;
background-image: url('/img/letter-sign.jpg');
background-size: contain;
.print-button {
display: initial;
}
}
}
@@ -148,7 +168,7 @@ html, body {
margin: 1cm;
}
.container > .header, .container > .form, .print-button {
.container > .header, .container > .form, .letter .print-button, .letter .mobile-info {
@apply hidden;
}
@@ -163,11 +183,5 @@ html, body {
.letter__body-header {
font-size: 14px;
}
table.signature {
.letter__sign {
height: 3.5rem;
}
}
}
}