Improving view
This commit is contained in:
22
resources/sass/main.scss
vendored
22
resources/sass/main.scss
vendored
@@ -44,7 +44,7 @@ html, body {
|
||||
}
|
||||
|
||||
.form-input {
|
||||
@apply appearance-none block w-full bg-gray-200 border border-gray-200 rounded py-3 px-4 leading-tight;
|
||||
@apply appearance-none block w-full bg-gray-200 border rounded py-3 px-4 leading-tight;
|
||||
|
||||
&:focus {
|
||||
@apply outline-none bg-white border-gray-500;
|
||||
@@ -57,19 +57,31 @@ html, body {
|
||||
}
|
||||
|
||||
.form-submit {
|
||||
@apply text-white font-bold bg-indigo-400 rounded py-3 px-4 leading-tight uppercase self-center;
|
||||
@apply bg-gray-400 border rounded py-3 px-4 leading-tight uppercase self-center;
|
||||
|
||||
&:hover {
|
||||
@apply bg-indigo-500;
|
||||
@apply border-gray-500 bg-white;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
@apply outline-none bg-indigo-600;
|
||||
@apply outline-none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
max-width: 66ch;
|
||||
@@ -92,7 +104,7 @@ html, body {
|
||||
}
|
||||
|
||||
@screen print {
|
||||
.container > .header, .container > .form {
|
||||
.container > .header, .container > .form, .print-button {
|
||||
@apply hidden;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user