infidel/ocp-wg-frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Interactive table, bind value of array to html content SUCESS

Browse Source
This commit is contained in:
infidel
2022-12-14 00:06:43 +07:00
parent ea9e7fb5d0
commit dd416e7758
13 changed files with 982 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
public/assets/styles/tailwind.css
View File

@@ -1375,6 +1375,10 @@ select {
clear: none;
}
.m-1 {
margin: 0.25rem;
}
.m-2 {
margin: 0.5rem;
}
@@ -2235,6 +2239,12 @@ select {
gap: 1.5rem;
}
.space-x-0 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-4 > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -2609,6 +2619,21 @@ select {
border-style: none;
}
.border-teal-300 {
--tw-border-opacity: 1;
border-color: rgba(94, 234, 212, var(--tw-border-opacity));
}
.border-amber-500 {
--tw-border-opacity: 1;
border-color: rgba(245, 158, 11, var(--tw-border-opacity));
}
.border-amber-600 {
--tw-border-opacity: 1;
border-color: rgba(217, 119, 6, var(--tw-border-opacity));
}
.border-red-600 {
--tw-border-opacity: 1;
border-color: rgba(220, 38, 38, var(--tw-border-opacity));
@@ -2654,6 +2679,11 @@ select {
border-color: rgba(71, 85, 105, var(--tw-border-opacity));
}
.hover\:border-teal-500:hover {
--tw-border-opacity: 1;
border-color: rgba(20, 184, 166, var(--tw-border-opacity));
}
.focus\:border-black:focus {
--tw-border-opacity: 1;
border-color: rgba(0, 0, 0, var(--tw-border-opacity));
@@ -2769,6 +2799,16 @@ select {
background-color: rgba(245, 158, 11, var(--tw-bg-opacity));
}
.bg-amber-600 {
--tw-bg-opacity: 1;
background-color: rgba(217, 119, 6, var(--tw-bg-opacity));
}
.bg-amber-700 {
--tw-bg-opacity: 1;
background-color: rgba(180, 83, 9, var(--tw-bg-opacity));
}
.bg-orange-200 {
--tw-bg-opacity: 1;
background-color: rgba(254, 215, 170, var(--tw-bg-opacity));
@@ -2864,11 +2904,21 @@ select {
background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
}
.hover\:bg-teal-500:hover {
--tw-bg-opacity: 1;
background-color: rgba(20, 184, 166, var(--tw-bg-opacity));
}
.focus\:bg-white:focus {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}
.focus\:bg-teal-400:focus {
--tw-bg-opacity: 1;
background-color: rgba(45, 212, 191, var(--tw-bg-opacity));
}
.focus\:bg-gray-200:focus {
--tw-bg-opacity: 1;
background-color: rgba(228, 228, 231, var(--tw-bg-opacity));
@@ -3079,6 +3129,11 @@ select {
padding-right: 0.375rem;
}
.py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
.py-1 {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
@@ -3337,6 +3392,11 @@ select {
line-height: 1;
}
.focus\:text-base:focus {
font-size: 1rem;
line-height: 1.5rem;
}
.font-light {
font-weight: 300;
}
@@ -3345,6 +3405,10 @@ select {
font-weight: 400;
}
.font-medium {
font-weight: 500;
}
.font-semibold {
font-weight: 600;
}
@@ -3591,6 +3655,11 @@ select {
color: rgba(30, 41, 59, var(--tw-text-opacity));
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.hover\:text-red-600:hover {
--tw-text-opacity: 1;
color: rgba(220, 38, 38, var(--tw-text-opacity));
@@ -3616,6 +3685,11 @@ select {
color: rgba(30, 41, 59, var(--tw-text-opacity));
}
.focus\:text-white:focus {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.underline {
text-decoration: underline;
}