Update: Js 4 Log.html

This commit is contained in:
XOF
2025-11-26 01:46:47 +08:00
parent 04d36e4d9e
commit 01c9b34600
13 changed files with 3675 additions and 1459 deletions

View File

@@ -175,6 +175,7 @@
--color-accent-foreground: var(--accent-foreground);
--color-border: var(--border);
--color-input: var(--input);
--animation-panel-in: panel-in 0.2s ease-out;
}
}
@layer base {
@@ -451,6 +452,9 @@
.z-\[100\] {
z-index: 100;
}
.z-\[1000\] {
z-index: 1000;
}
.z-\[9998\] {
z-index: 9998;
}
@@ -484,6 +488,9 @@
.m-0 {
margin: calc(var(--spacing) * 0);
}
.m-2 {
margin: calc(var(--spacing) * 2);
}
.mx-1 {
margin-inline: calc(var(--spacing) * 1);
}
@@ -496,6 +503,9 @@
.my-1\.5 {
margin-block: calc(var(--spacing) * 1.5);
}
.my-2 {
margin-block: calc(var(--spacing) * 2);
}
.mt-0 {
margin-top: calc(var(--spacing) * 0);
}
@@ -595,6 +605,9 @@
.hidden {
display: none;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
}
@@ -746,6 +759,9 @@
.w-20 {
width: calc(var(--spacing) * 20);
}
.w-22 {
width: calc(var(--spacing) * 22);
}
.w-24 {
width: calc(var(--spacing) * 24);
}
@@ -879,6 +895,18 @@
--tw-translate-y: calc(var(--spacing) * 3);
translate: var(--tw-translate-x) var(--tw-translate-y);
}
.scale-95 {
--tw-scale-x: 95%;
--tw-scale-y: 95%;
--tw-scale-z: 95%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.scale-100 {
--tw-scale-x: 100%;
--tw-scale-y: 100%;
--tw-scale-z: 100%;
scale: var(--tw-scale-x) var(--tw-scale-y);
}
.-rotate-90 {
rotate: calc(90deg * -1);
}
@@ -1167,6 +1195,9 @@
--tw-border-style: none;
border-style: none;
}
.\!border-primary {
border-color: var(--color-primary) !important;
}
.border-black {
border-color: var(--color-black);
}
@@ -1774,15 +1805,15 @@
.whitespace-pre-wrap {
white-space: pre-wrap;
}
.\!text-primary {
color: var(--color-primary) !important;
}
.text-amber-300 {
color: var(--color-amber-300);
}
.text-amber-600 {
color: var(--color-amber-600);
}
.text-blue-400 {
color: var(--color-blue-400);
}
.text-blue-500 {
color: var(--color-blue-500);
}
@@ -1942,6 +1973,10 @@
.italic {
font-style: italic;
}
.ordinal {
--tw-ordinal: ordinal;
font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
}
.underline {
text-decoration-line: underline;
}
@@ -1993,6 +2028,10 @@
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-0 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.ring-1 {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -2027,6 +2066,18 @@
--tw-ring-color: color-mix(in oklab, var(--color-black) 15%, transparent);
}
}
.ring-input {
--tw-ring-color: var(--color-input);
}
.ring-zinc-500 {
--tw-ring-color: var(--color-zinc-500);
}
.ring-zinc-500\/30 {
--tw-ring-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
--tw-ring-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent);
}
}
.outline {
outline-style: var(--tw-outline-style);
outline-width: 1px;
@@ -2081,6 +2132,10 @@
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
}
.duration-100 {
--tw-duration: 100ms;
transition-duration: 100ms;
}
.duration-150 {
--tw-duration: 150ms;
transition-duration: 150ms;
@@ -2129,6 +2184,9 @@
-webkit-user-select: none;
user-select: none;
}
.ring-inset {
--tw-ring-inset: inset;
}
.group-hover\:opacity-100 {
&:is(:where(.group):hover *) {
@media (hover: hover) {
@@ -2282,6 +2340,13 @@
}
}
}
.hover\:bg-muted {
&:hover {
@media (hover: hover) {
background-color: var(--color-muted);
}
}
}
.hover\:bg-muted\/80 {
&:hover {
@media (hover: hover) {
@@ -2488,6 +2553,22 @@
}
}
}
.focus\:ring-primary {
&:focus {
--tw-ring-color: var(--color-primary);
}
}
.focus\:ring-offset-1 {
&:focus {
--tw-ring-offset-width: 1px;
--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
}
}
.focus\:ring-offset-background {
&:focus {
--tw-ring-offset-color: var(--color-background);
}
}
.focus\:outline-none {
&:focus {
--tw-outline-style: none;
@@ -2499,6 +2580,11 @@
--tw-ring-inset: inset;
}
}
.disabled\:pointer-events-none {
&:disabled {
pointer-events: none;
}
}
.disabled\:cursor-not-allowed {
&:disabled {
cursor: not-allowed;
@@ -3389,6 +3475,362 @@
opacity: 50%;
}
}
.flatpickr-calendar {
width: auto;
border-radius: var(--radius-lg);
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-border);
background-color: var(--color-background);
font-family: var(--font-sans);
color: var(--color-foreground);
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
animation: var(--animation-panel-in);
width: 200px;
display: none;
position: absolute;
visibility: hidden;
opacity: 0;
padding: 0;
z-index: 999;
box-sizing: border-box;
transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
}
.flatpickr-calendar.open {
opacity: 1;
visibility: visible;
display: inline-block;
}
.flatpickr-calendar.not-ready {
top: 0;
left: 0;
visibility: hidden;
}
.flatpickr-calendar.static {
position: relative;
top: auto;
left: auto;
display: block;
visibility: visible;
opacity: 1;
}
.flatpickr-calendar.static {
position: relative;
top: auto;
left: auto;
display: block;
visibility: visible;
opacity: 1;
}
.flatpickr-calendar.not-ready {
top: 0;
left: 0;
visibility: hidden;
}
.flatpickr-months {
display: flex;
align-items: center;
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 30%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-zinc-500) 30%, transparent);
}
background-color: transparent;
padding: calc(var(--spacing) * 0);
}
.flatpickr-month {
height: auto;
padding-top: calc(var(--spacing) * 2);
padding-bottom: calc(var(--spacing) * 1);
}
.flatpickr-current-month {
display: flex;
height: auto;
flex: 1;
align-items: center;
justify-content: center;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-foreground);
}
.flatpickr-current-month .numInputWrapper {
margin-left: calc(var(--spacing) * 0);
}
.flatpickr-current-month .numInputWrapper input.numInput {
width: calc(var(--spacing) * 14);
border-style: var(--tw-border-style);
border-width: 0px;
background-color: transparent;
padding: calc(var(--spacing) * 0);
text-align: center;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-foreground);
appearance: none;
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
}
-moz-appearance: textfield;
}
.flatpickr-current-month .numInputWrapper input.numInput::-webkit-outer-spin-button, .flatpickr-current-month .numInputWrapper input.numInput::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.flatpickr-current-month .cur-month {
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
width: 5.5rem;
border-style: var(--tw-border-style);
border-width: 0px;
background-color: transparent;
padding: calc(var(--spacing) * 0);
text-align: right;
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-semibold);
font-weight: var(--font-weight-semibold);
color: var(--color-foreground);
appearance: none;
&:focus {
--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
&:focus {
--tw-outline-style: none;
outline-style: none;
}
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
option.flatpickr-monthDropdown-month {
border-style: var(--tw-border-style);
border-width: 0px;
background-color: var(--color-background);
color: var(--color-foreground);
&:where(.dark, .dark *) {
background-color: var(--color-zinc-800);
}
&:where(.dark, .dark *) {
color: var(--color-zinc-200);
}
}
.flatpickr-current-month .flatpickr-monthDropdown-months, .flatpickr-current-month .numInputWrapper input.numInput {
padding-left: calc(var(--spacing) * 0);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
.flatpickr-prev-month, .flatpickr-next-month {
display: inline-flex;
height: calc(var(--spacing) * 7);
width: calc(var(--spacing) * 7);
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
padding-top: calc(var(--spacing) * 2);
padding-bottom: calc(var(--spacing) * 1);
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
white-space: nowrap;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:hover {
@media (hover: hover) {
color: var(--color-accent-foreground);
}
}
&:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 2px;
}
&:focus-visible {
outline-offset: 2px;
}
&:focus-visible {
outline-color: (var(--ring));
}
&:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
&:disabled {
pointer-events: none;
}
&:disabled {
opacity: 50%;
}
position: relative;
}
.flatpickr-prev-month svg, .flatpickr-next-month svg {
height: calc(var(--spacing) * 3);
width: calc(var(--spacing) * 3);
fill: var(--color-zinc-500);
&:hover {
@media (hover: hover) {
height: calc(var(--spacing) * 4);
}
}
&:hover {
@media (hover: hover) {
width: calc(var(--spacing) * 4);
}
}
}
.flatpickr-weekdaycontainer {
display: flex;
justify-content: space-around;
padding: calc(var(--spacing) * 1);
}
span.flatpickr-weekday {
flex: 1;
text-align: center;
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
color: var(--color-muted-foreground);
font-size: 0.7rem;
}
.dayContainer {
display: flex;
flex-wrap: wrap;
padding: calc(var(--spacing) * 1);
padding-top: calc(var(--spacing) * 0);
box-sizing: border-box;
}
.flatpickr-day {
display: flex;
height: calc(var(--spacing) * 6.5);
width: calc(var(--spacing) * 4);
flex-shrink: 0;
align-items: center;
justify-content: center;
border-radius: calc(infinity * 1px);
border-style: var(--tw-border-style);
border-width: 0px;
color: var(--color-foreground);
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
flex-basis: 14.2857%;
line-height: 1;
cursor: pointer;
font-size: 0.7rem;
}
.flatpickr-day:hover, .flatpickr-day:focus {
background-color: var(--color-accent);
color: var(--color-accent-foreground);
--tw-outline-style: none;
outline-style: none;
}
.flatpickr-day.today {
border-style: var(--tw-border-style);
border-width: 1px;
border-color: var(--color-primary);
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover {
background-color: var(--color-primary);
color: var(--color-primary-foreground);
}
.flatpickr-day.inRange {
border-radius: 0;
background-color: var(--color-accent);
--tw-shadow: 0 0 #0000;
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}
.flatpickr-day.startRange {
border-top-left-radius: calc(infinity * 1px);
border-bottom-left-radius: calc(infinity * 1px);
}
.flatpickr-day.endRange {
border-top-right-radius: calc(infinity * 1px);
border-bottom-right-radius: calc(infinity * 1px);
}
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
cursor: not-allowed;
background-color: transparent;
color: var(--color-muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
}
}
.flatpickr-day.nextMonthDay, .flatpickr-day.prevMonthDay {
color: var(--color-muted-foreground);
@supports (color: color-mix(in lab, red, red)) {
color: color-mix(in oklab, var(--color-muted-foreground) 50%, transparent);
}
}
.flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay:hover {
background-color: var(--color-accent);
}
.flatpickr-calendar .flatpickr-clear-button {
display: inline-flex;
height: calc(var(--spacing) * 6);
width: 100%;
align-items: center;
justify-content: center;
border-radius: var(--radius-md);
border-top-left-radius: 0;
border-top-right-radius: 0;
border-top-style: var(--tw-border-style);
border-top-width: 1px;
border-color: color-mix(in srgb, oklch(55.2% 0.016 285.938) 20%, transparent);
@supports (color: color-mix(in lab, red, red)) {
border-color: color-mix(in oklab, var(--color-zinc-500) 20%, transparent);
}
padding-block: calc(var(--spacing) * 3);
font-size: var(--text-xs);
line-height: var(--tw-leading, var(--text-xs--line-height));
--tw-font-weight: var(--font-weight-medium);
font-weight: var(--font-weight-medium);
white-space: nowrap;
color: var(--color-primary);
text-underline-offset: 4px;
transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
transition-duration: var(--tw-duration, var(--default-transition-duration));
&:hover {
@media (hover: hover) {
font-size: var(--text-sm);
line-height: var(--tw-leading, var(--text-sm--line-height));
}
}
&:focus-visible {
outline-style: var(--tw-outline-style);
outline-width: 2px;
}
&:focus-visible {
outline-offset: 2px;
}
&:focus-visible {
outline-color: (var(--ring));
}
&:focus-visible {
--tw-outline-style: none;
outline-style: none;
}
&:disabled {
pointer-events: none;
}
&:disabled {
opacity: 50%;
}
}
}
.main-content-scroll::-webkit-scrollbar {
width: 16px;
@@ -4914,9 +5356,9 @@
border-bottom-style: var(--tw-border-style);
border-bottom-width: 1px;
border-color: var(--color-border);
background-color: var(--color-muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
background-color: var(--color-zinc-200);
&:where(.dark, .dark *) {
background-color: var(--color-zinc-900);
}
}
.table-header .table-row {
@@ -4942,9 +5384,6 @@
&:hover {
@media (hover: hover) {
background-color: var(--color-muted);
@supports (color: color-mix(in lab, red, red)) {
background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
}
}
}
}
@@ -4977,6 +5416,21 @@
inherits: false;
initial-value: 0;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-rotate-x {
syntax: "*";
inherits: false;
@@ -5071,6 +5525,26 @@
syntax: "*";
inherits: false;
}
@property --tw-ordinal {
syntax: "*";
inherits: false;
}
@property --tw-slashed-zero {
syntax: "*";
inherits: false;
}
@property --tw-numeric-figure {
syntax: "*";
inherits: false;
}
@property --tw-numeric-spacing {
syntax: "*";
inherits: false;
}
@property --tw-numeric-fraction {
syntax: "*";
inherits: false;
}
@property --tw-shadow {
syntax: "*";
inherits: false;
@@ -5238,21 +5712,6 @@
syntax: "*";
inherits: false;
}
@property --tw-scale-x {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-y {
syntax: "*";
inherits: false;
initial-value: 1;
}
@property --tw-scale-z {
syntax: "*";
inherits: false;
initial-value: 1;
}
@keyframes spin {
to {
transform: rotate(360deg);
@@ -5275,6 +5734,9 @@
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-translate-z: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
--tw-rotate-x: initial;
--tw-rotate-y: initial;
--tw-rotate-z: initial;
@@ -5296,6 +5758,11 @@
--tw-leading: initial;
--tw-font-weight: initial;
--tw-tracking: initial;
--tw-ordinal: initial;
--tw-slashed-zero: initial;
--tw-numeric-figure: initial;
--tw-numeric-spacing: initial;
--tw-numeric-fraction: initial;
--tw-shadow: 0 0 #0000;
--tw-shadow-color: initial;
--tw-shadow-alpha: 100%;
@@ -5335,9 +5802,6 @@
--tw-backdrop-sepia: initial;
--tw-duration: initial;
--tw-ease: initial;
--tw-scale-x: 1;
--tw-scale-y: 1;
--tw-scale-z: 1;
}
}
}