add search

This commit is contained in:
matan
2024-01-06 16:43:21 +02:00
parent 0483193ccc
commit 6b374b4465
8 changed files with 789 additions and 51 deletions
+170 -4
View File
@@ -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
View File
@@ -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
View File
File diff suppressed because one or more lines are too long