add search
This commit is contained in:
+170
-4
@@ -118,6 +118,10 @@
|
||||
inset: 0px
|
||||
}
|
||||
|
||||
.bottom-3 {
|
||||
bottom: 0.75rem
|
||||
}
|
||||
|
||||
.left-0 {
|
||||
left: 0px
|
||||
}
|
||||
@@ -126,6 +130,18 @@
|
||||
top: 0px
|
||||
}
|
||||
|
||||
.right-0 {
|
||||
right: 0px
|
||||
}
|
||||
|
||||
.bottom-6 {
|
||||
bottom: 1.5rem
|
||||
}
|
||||
|
||||
.bottom-4 {
|
||||
bottom: 1rem
|
||||
}
|
||||
|
||||
.z-50 {
|
||||
z-index: 50
|
||||
}
|
||||
@@ -146,12 +162,16 @@
|
||||
height: 2rem
|
||||
}
|
||||
|
||||
.h-0 {
|
||||
height: 0px
|
||||
.h-6 {
|
||||
height: 1.5rem
|
||||
}
|
||||
|
||||
.h-auto {
|
||||
height: auto
|
||||
.h-12 {
|
||||
height: 3rem
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 2.5rem
|
||||
}
|
||||
|
||||
.max-h-96 {
|
||||
@@ -175,14 +195,60 @@
|
||||
width: 100vw
|
||||
}
|
||||
|
||||
.w-16 {
|
||||
width: 4rem
|
||||
}
|
||||
|
||||
.w-10 {
|
||||
width: 2.5rem
|
||||
}
|
||||
|
||||
.w-8 {
|
||||
width: 2rem
|
||||
}
|
||||
|
||||
.w-1 {
|
||||
width: 0.25rem
|
||||
}
|
||||
|
||||
.w-6 {
|
||||
width: 1.5rem
|
||||
}
|
||||
|
||||
.w-7 {
|
||||
width: 1.75rem
|
||||
}
|
||||
|
||||
.w-12 {
|
||||
width: 3rem
|
||||
}
|
||||
|
||||
.max-w-4xl {
|
||||
max-width: 56rem
|
||||
}
|
||||
|
||||
.max-w-7xl {
|
||||
max-width: 80rem
|
||||
}
|
||||
|
||||
.max-w-5xl {
|
||||
max-width: 64rem
|
||||
}
|
||||
|
||||
.flex-grow {
|
||||
flex-grow: 1
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
.animate-spin {
|
||||
animation: spin 1s linear infinite
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
cursor: pointer
|
||||
}
|
||||
@@ -203,6 +269,10 @@
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.justify-between {
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.justify-around {
|
||||
justify-content: space-around
|
||||
}
|
||||
@@ -227,11 +297,27 @@
|
||||
border-radius: 0.75rem
|
||||
}
|
||||
|
||||
.rounded-full {
|
||||
border-radius: 9999px
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 0.25rem
|
||||
}
|
||||
|
||||
.rounded-t-xl {
|
||||
border-top-left-radius: 0.75rem;
|
||||
border-top-right-radius: 0.75rem
|
||||
}
|
||||
|
||||
.border {
|
||||
border-width: 1px
|
||||
}
|
||||
|
||||
.border-none {
|
||||
border-style: none
|
||||
}
|
||||
|
||||
.bg-comfy-light {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(53 53 53 / var(--tw-bg-opacity))
|
||||
@@ -242,6 +328,16 @@
|
||||
background-color: rgb(107 114 128 / var(--tw-bg-opacity))
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
||||
}
|
||||
|
||||
.bg-comfy-dark {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(34 34 34 / var(--tw-bg-opacity))
|
||||
}
|
||||
|
||||
.object-cover {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover
|
||||
@@ -290,6 +386,11 @@
|
||||
line-height: 1rem
|
||||
}
|
||||
|
||||
.text-xl {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem
|
||||
}
|
||||
|
||||
.font-semibold {
|
||||
font-weight: 600
|
||||
}
|
||||
@@ -299,14 +400,79 @@
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.text-black {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.text-white {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration-line: underline
|
||||
}
|
||||
|
||||
.no-underline {
|
||||
text-decoration-line: none
|
||||
}
|
||||
|
||||
.opacity-0 {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.opacity-100 {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.outline-none {
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px
|
||||
}
|
||||
|
||||
.outline-0 {
|
||||
outline-width: 0px
|
||||
}
|
||||
|
||||
.ring-0 {
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
|
||||
}
|
||||
|
||||
.filter {
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
||||
}
|
||||
|
||||
.transition-all {
|
||||
transition-property: all;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms
|
||||
}
|
||||
|
||||
.transition {
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms
|
||||
}
|
||||
|
||||
.transition-opacity {
|
||||
transition-property: opacity;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms
|
||||
}
|
||||
|
||||
.duration-300 {
|
||||
transition-duration: 300ms
|
||||
}
|
||||
|
||||
.ease-in-out {
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
||||
}
|
||||
|
||||
@keyframes Gradient {
|
||||
0%{
|
||||
background-position: 0% 50%
|
||||
|
||||
+170
-4
@@ -120,6 +120,10 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
inset: 0px
|
||||
}
|
||||
|
||||
.bottom-3 {
|
||||
bottom: 0.75rem
|
||||
}
|
||||
|
||||
.left-0 {
|
||||
left: 0px
|
||||
}
|
||||
@@ -128,6 +132,18 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
top: 0px
|
||||
}
|
||||
|
||||
.right-0 {
|
||||
right: 0px
|
||||
}
|
||||
|
||||
.bottom-6 {
|
||||
bottom: 1.5rem
|
||||
}
|
||||
|
||||
.bottom-4 {
|
||||
bottom: 1rem
|
||||
}
|
||||
|
||||
.z-50 {
|
||||
z-index: 50
|
||||
}
|
||||
@@ -148,12 +164,16 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
height: 2rem
|
||||
}
|
||||
|
||||
.h-0 {
|
||||
height: 0px
|
||||
.h-6 {
|
||||
height: 1.5rem
|
||||
}
|
||||
|
||||
.h-auto {
|
||||
height: auto
|
||||
.h-12 {
|
||||
height: 3rem
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 2.5rem
|
||||
}
|
||||
|
||||
.max-h-96 {
|
||||
@@ -177,14 +197,60 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
width: 100vw
|
||||
}
|
||||
|
||||
.w-16 {
|
||||
width: 4rem
|
||||
}
|
||||
|
||||
.w-10 {
|
||||
width: 2.5rem
|
||||
}
|
||||
|
||||
.w-8 {
|
||||
width: 2rem
|
||||
}
|
||||
|
||||
.w-1 {
|
||||
width: 0.25rem
|
||||
}
|
||||
|
||||
.w-6 {
|
||||
width: 1.5rem
|
||||
}
|
||||
|
||||
.w-7 {
|
||||
width: 1.75rem
|
||||
}
|
||||
|
||||
.w-12 {
|
||||
width: 3rem
|
||||
}
|
||||
|
||||
.max-w-4xl {
|
||||
max-width: 56rem
|
||||
}
|
||||
|
||||
.max-w-7xl {
|
||||
max-width: 80rem
|
||||
}
|
||||
|
||||
.max-w-5xl {
|
||||
max-width: 64rem
|
||||
}
|
||||
|
||||
.flex-grow {
|
||||
flex-grow: 1
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
to {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
.animate-spin {
|
||||
animation: spin 1s linear infinite
|
||||
}
|
||||
|
||||
.cursor-pointer {
|
||||
cursor: pointer
|
||||
}
|
||||
@@ -205,6 +271,10 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
justify-content: center
|
||||
}
|
||||
|
||||
.justify-between {
|
||||
justify-content: space-between
|
||||
}
|
||||
|
||||
.justify-around {
|
||||
justify-content: space-around
|
||||
}
|
||||
@@ -229,11 +299,27 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
border-radius: 0.75rem
|
||||
}
|
||||
|
||||
.rounded-full {
|
||||
border-radius: 9999px
|
||||
}
|
||||
|
||||
.rounded {
|
||||
border-radius: 0.25rem
|
||||
}
|
||||
|
||||
.rounded-t-xl {
|
||||
border-top-left-radius: 0.75rem;
|
||||
border-top-right-radius: 0.75rem
|
||||
}
|
||||
|
||||
.border {
|
||||
border-width: 1px
|
||||
}
|
||||
|
||||
.border-none {
|
||||
border-style: none
|
||||
}
|
||||
|
||||
.bg-comfy-light {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(53 53 53 / var(--tw-bg-opacity))
|
||||
@@ -244,6 +330,16 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
background-color: rgb(107 114 128 / var(--tw-bg-opacity))
|
||||
}
|
||||
|
||||
.bg-white {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
||||
}
|
||||
|
||||
.bg-comfy-dark {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgb(34 34 34 / var(--tw-bg-opacity))
|
||||
}
|
||||
|
||||
.object-cover {
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover
|
||||
@@ -292,6 +388,11 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
line-height: 1rem
|
||||
}
|
||||
|
||||
.text-xl {
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.75rem
|
||||
}
|
||||
|
||||
.font-semibold {
|
||||
font-weight: 600
|
||||
}
|
||||
@@ -301,14 +402,79 @@ docStyle.innerHTML = `*, ::before, ::after {
|
||||
color: rgb(209 213 219 / var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.text-black {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(0 0 0 / var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.text-white {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgb(255 255 255 / var(--tw-text-opacity))
|
||||
}
|
||||
|
||||
.underline {
|
||||
text-decoration-line: underline
|
||||
}
|
||||
|
||||
.no-underline {
|
||||
text-decoration-line: none
|
||||
}
|
||||
|
||||
.opacity-0 {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
.opacity-100 {
|
||||
opacity: 1
|
||||
}
|
||||
|
||||
.outline-none {
|
||||
outline: 2px solid transparent;
|
||||
outline-offset: 2px
|
||||
}
|
||||
|
||||
.outline-0 {
|
||||
outline-width: 0px
|
||||
}
|
||||
|
||||
.ring-0 {
|
||||
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
||||
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
||||
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
|
||||
}
|
||||
|
||||
.filter {
|
||||
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
|
||||
}
|
||||
|
||||
.transition-all {
|
||||
transition-property: all;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms
|
||||
}
|
||||
|
||||
.transition {
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
||||
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms
|
||||
}
|
||||
|
||||
.transition-opacity {
|
||||
transition-property: opacity;
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-duration: 150ms
|
||||
}
|
||||
|
||||
.duration-300 {
|
||||
transition-duration: 300ms
|
||||
}
|
||||
|
||||
.ease-in-out {
|
||||
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
||||
}
|
||||
|
||||
@keyframes Gradient {
|
||||
0%{
|
||||
background-position: 0% 50%
|
||||
|
||||
+327
-42
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user