forked from geolba/tethys.backend
initial commit
This commit is contained in:
commit
4fc3bb0a01
202 changed files with 41729 additions and 0 deletions
62
resources/css/_checkbox-radio-switch.css
Normal file
62
resources/css/_checkbox-radio-switch.css
Normal file
|
@ -0,0 +1,62 @@
|
|||
.checkbox, .radio, .switch {
|
||||
@apply inline-flex items-center cursor-pointer relative;
|
||||
}
|
||||
|
||||
.checkbox input[type=checkbox], .radio input[type=radio], .switch input[type=checkbox] {
|
||||
@apply absolute left-0 opacity-0 -z-1;
|
||||
}
|
||||
|
||||
.checkbox input[type=checkbox]+.check, .radio input[type=radio]+.check, .switch input[type=checkbox]+.check {
|
||||
@apply border-gray-700 border transition-colors duration-200 dark:bg-slate-800;
|
||||
}
|
||||
|
||||
.checkbox input[type=checkbox]:focus+.check, .radio input[type=radio]:focus+.check, .switch input[type=checkbox]:focus+.check {
|
||||
@apply ring ring-blue-700;
|
||||
}
|
||||
|
||||
.checkbox input[type=checkbox]+.check, .radio input[type=radio]+.check {
|
||||
@apply block w-5 h-5;
|
||||
}
|
||||
|
||||
.checkbox input[type=checkbox]+.check {
|
||||
@apply rounded;
|
||||
}
|
||||
|
||||
.switch input[type=checkbox]+.check {
|
||||
@apply flex items-center shrink-0 w-12 h-6 p-0.5 bg-gray-200;
|
||||
}
|
||||
|
||||
.radio input[type=radio]+.check, .switch input[type=checkbox]+.check, .switch input[type=checkbox]+.check:before {
|
||||
@apply rounded-full;
|
||||
}
|
||||
|
||||
.checkbox input[type=checkbox]:checked+.check, .radio input[type=radio]:checked+.check {
|
||||
@apply bg-no-repeat bg-center bg-blue-600 border-blue-600 border-4;
|
||||
}
|
||||
|
||||
.checkbox input[type=checkbox]:checked+.check {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.radio input[type=radio]:checked+.check {
|
||||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E");
|
||||
}
|
||||
|
||||
.switch input[type=checkbox]:checked+.check {
|
||||
@apply bg-blue-600 border-blue-600;
|
||||
}
|
||||
|
||||
.switch input[type=checkbox]+.check:before {
|
||||
content: '';
|
||||
@apply block w-5 h-5 bg-white border border-gray-700;
|
||||
}
|
||||
|
||||
.switch input[type=checkbox]:checked+.check:before {
|
||||
transform: translate3d(110%, 0 ,0);
|
||||
@apply border-blue-600;
|
||||
}
|
||||
|
||||
.checkbox .control-label, .radio .control-label, .switch .control-label {
|
||||
@apply pl-2;
|
||||
}
|
||||
|
20
resources/css/_progress.css
Normal file
20
resources/css/_progress.css
Normal file
|
@ -0,0 +1,20 @@
|
|||
progress {
|
||||
@apply h-3 rounded-full overflow-hidden;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-bar {
|
||||
@apply bg-blue-200;
|
||||
}
|
||||
|
||||
progress::-webkit-progress-value {
|
||||
@apply bg-blue-500;
|
||||
}
|
||||
|
||||
progress::-moz-progress-bar {
|
||||
@apply bg-blue-500;
|
||||
}
|
||||
|
||||
progress::-ms-fill {
|
||||
@apply bg-blue-500 border-0;
|
||||
}
|
||||
|
38
resources/css/_scrollbars.css
Normal file
38
resources/css/_scrollbars.css
Normal file
|
@ -0,0 +1,38 @@
|
|||
html {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #9ca3af #e5e7eb;
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar-track {
|
||||
@apply bg-gray-200;
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar-thumb {
|
||||
@apply bg-gray-400 rounded;
|
||||
}
|
||||
|
||||
html::-webkit-scrollbar-thumb:hover {
|
||||
@apply bg-gray-500;
|
||||
}
|
||||
|
||||
html.dark-scrollbars {
|
||||
scrollbar-color: #374151 #111827;
|
||||
}
|
||||
|
||||
html.dark-scrollbars::-webkit-scrollbar-track {
|
||||
@apply bg-gray-900;
|
||||
}
|
||||
|
||||
html.dark-scrollbars::-webkit-scrollbar-thumb {
|
||||
@apply bg-gray-700;
|
||||
}
|
||||
|
||||
html.dark-scrollbars::-webkit-scrollbar-thumb:hover {
|
||||
@apply bg-gray-600;
|
||||
}
|
||||
|
47
resources/css/_table.css
Normal file
47
resources/css/_table.css
Normal file
|
@ -0,0 +1,47 @@
|
|||
table {
|
||||
@apply w-full;
|
||||
}
|
||||
|
||||
thead {
|
||||
@apply hidden lg:table-header-group;
|
||||
}
|
||||
|
||||
tr {
|
||||
@apply max-w-full block relative border-b-4 border-gray-100
|
||||
lg:table-row lg:border-b-0 dark:border-slate-800;
|
||||
}
|
||||
|
||||
tr:last-child {
|
||||
@apply border-b-0;
|
||||
}
|
||||
|
||||
td:not(:first-child) {
|
||||
@apply lg:border-l lg:border-t-0 lg:border-r-0 lg:border-b-0 lg:border-gray-100 lg:dark:border-slate-700;
|
||||
}
|
||||
|
||||
th {
|
||||
@apply lg:text-left lg:p-3;
|
||||
}
|
||||
|
||||
td {
|
||||
@apply flex justify-between text-right py-3 px-4 align-top border-b border-gray-100
|
||||
lg:table-cell lg:text-left lg:p-3 lg:align-middle lg:border-b-0 dark:border-slate-800;
|
||||
}
|
||||
|
||||
td:last-child {
|
||||
@apply border-b-0;
|
||||
}
|
||||
|
||||
tbody tr, tbody tr:nth-child(odd) {
|
||||
@apply lg:hover:bg-gray-100 lg:dark:hover:bg-slate-700/70;
|
||||
}
|
||||
|
||||
tbody tr:nth-child(odd) {
|
||||
@apply lg:bg-gray-50 lg:dark:bg-slate-800;
|
||||
}
|
||||
|
||||
td:before {
|
||||
content: attr(data-label);
|
||||
@apply font-semibold pr-3 text-left lg:hidden;
|
||||
}
|
||||
|
95
resources/css/app.css
Normal file
95
resources/css/app.css
Normal file
|
@ -0,0 +1,95 @@
|
|||
/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap'); */
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,600,700');
|
||||
|
||||
@tailwind base;
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@import "_checkbox-radio-switch.css";
|
||||
@import "_progress.css";
|
||||
@import "_scrollbars.css";
|
||||
@import "_table.css";
|
||||
|
||||
|
||||
html, body {
|
||||
background-color: #F7F8FA;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
/* height: 100vh; */
|
||||
color: #46444c;
|
||||
position: relative;
|
||||
}
|
||||
.px-6 {
|
||||
padding-left: 0;
|
||||
/* padding-right: 1.5rem; */
|
||||
}
|
||||
|
||||
.rounded-md {
|
||||
color: gray;
|
||||
}
|
||||
|
||||
/* body:before {
|
||||
content: '';
|
||||
background: #5A45FF;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 6px;
|
||||
position: absolute;
|
||||
} */
|
||||
|
||||
/* * {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
} */
|
||||
|
||||
/* a {
|
||||
color: #5A45FF;
|
||||
text-decoration: none;
|
||||
} */
|
||||
|
||||
/* main {
|
||||
max-width: 620px;
|
||||
margin: auto;
|
||||
height: 100vh;
|
||||
padding: 0 30px;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
} */
|
||||
|
||||
/* .title {
|
||||
font-size: 50px;
|
||||
line-height: 50px;
|
||||
margin-bottom: 10px;
|
||||
color: #17161A;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 26px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 20px;
|
||||
} */
|
||||
|
||||
/* main ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
main li {
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
main li:before {
|
||||
content: '—';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
} */
|
||||
|
||||
main code {
|
||||
font-size: 16px;
|
||||
background: #e6e2ff;
|
||||
}
|
Loading…
Add table
editor.link_modal.header
Reference in a new issue