mirror of
https://github.com/danny-avila/LibreChat.git
synced 2026-02-15 06:58:10 +01:00
fix: Minor UI Changes (#643)
* Minor UI Fixes * Link Icon, from index.ts * Import from components instead of svg * Fix Sidebar and Icons
This commit is contained in:
Anirudh
GitHub
parent
1a21eb5bae
commit
50374f7539
8 changed files with 41 additions and 574 deletions
|
|
@ -882,18 +882,6 @@ pre[class*='language-'] {
|
|||
color: #f22c3d;
|
||||
}
|
||||
|
||||
.dark .dark\:md\:bg-vert-dark-gradient {
|
||||
background-image: linear-gradient(180deg, rgba(53, 55, 64, 0), #353740 58.85%);
|
||||
}
|
||||
|
||||
.md\:bg-vert-light-gradient {
|
||||
background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 13.94%, #fff 54.73%);
|
||||
}
|
||||
|
||||
.md\:\!bg-transparent {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
[role='button'],
|
||||
button {
|
||||
cursor: pointer;
|
||||
|
|
@ -1276,162 +1264,6 @@ html {
|
|||
--tw-prose-th-borders: var(--tw-prose-invert-th-borders);
|
||||
--tw-prose-td-borders: var(--tw-prose-invert-td-borders);
|
||||
}
|
||||
.dark .dark\:border-gray-600 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgba(86, 88, 105, var(--tw-border-opacity));
|
||||
}
|
||||
.dark .dark\:border-gray-900\/50 {
|
||||
border-color: rgba(32, 33, 35, 0.5);
|
||||
}
|
||||
.dark .dark\:border-gray-700 {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgba(64, 65, 79, var(--tw-border-opacity));
|
||||
}
|
||||
.dark .dark\:border-white\/20 {
|
||||
border-color: hsla(0, 0%, 100%, 0.2);
|
||||
}
|
||||
.dark .dark\:border-white\/10 {
|
||||
border-color: hsla(0, 0%, 100%, 0.1);
|
||||
}
|
||||
.dark .dark\:border-black\/20 {
|
||||
border-color: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.dark .dark\:bg-gray-800 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(52, 53, 65, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:bg-\[\#444654\] {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(68, 70, 84, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:bg-gray-700 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(64, 65, 79, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:bg-gray-800\/90 {
|
||||
background-color: rgba(52, 53, 65, 0.9);
|
||||
}
|
||||
.dark .dark\:bg-gray-900 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(32, 33, 35, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:bg-transparent {
|
||||
background-color: transparent;
|
||||
}
|
||||
.dark .dark\:bg-white\/10 {
|
||||
background-color: hsla(0, 0%, 100%, 0.1);
|
||||
}
|
||||
.dark .dark\:bg-white\/5 {
|
||||
background-color: hsla(0, 0%, 100%, 0.05);
|
||||
}
|
||||
.dark .dark\:bg-gray-500 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(142, 142, 160, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:bg-green-700 {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(26, 127, 100, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:text-gray-100 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(236, 236, 241, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:text-gray-200 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(217, 217, 227, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:text-gray-400 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(172, 172, 190, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:text-white {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:text-white\/50 {
|
||||
color: hsla(0, 0%, 100%, 0.5);
|
||||
}
|
||||
.dark .dark\:text-gray-600 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(86, 88, 105, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:text-gray-500 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(142, 142, 160, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:text-gray-300 {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(197, 197, 210, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:opacity-100 {
|
||||
opacity: 1;
|
||||
}
|
||||
.dark .dark\:shadow-\[0_0_15px_rgba\(0\2c 0\2c 0\2c 0\.10\)\] {
|
||||
--tw-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
|
||||
--tw-shadow-colored: 0 0 15px var(--tw-shadow-color);
|
||||
box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
|
||||
box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent),
|
||||
var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
|
||||
}
|
||||
.dark .dark\:ring-gray-600 {
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgba(86, 88, 105, var(--tw-ring-opacity));
|
||||
}
|
||||
.dark .dark\:ring-white\/20 {
|
||||
--tw-ring-color: hsla(0, 0%, 100%, 0.2);
|
||||
}
|
||||
.dark .dark\:last\:border-0:last-child {
|
||||
border-width: 0;
|
||||
}
|
||||
.dark .dark\:hover\:bg-black\/10:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
.dark .dark\:hover\:bg-gray-700:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(64, 65, 79, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:hover\:bg-gray-900:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(32, 33, 35, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:hover\:bg-gray-100:hover {
|
||||
--tw-bg-opacity: 1;
|
||||
background-color: rgba(236, 236, 241, var(--tw-bg-opacity));
|
||||
}
|
||||
.dark .dark\:hover\:bg-gray-500\/10:hover {
|
||||
background-color: hsla(240, 9%, 59%, 0.1);
|
||||
}
|
||||
.dark .dark\:hover\:text-gray-200:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(217, 217, 227, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:hover\:text-white:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(255, 255, 255, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:hover\:text-gray-400:hover {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(172, 172, 190, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:focus\:border-white:focus {
|
||||
--tw-border-opacity: 1;
|
||||
border-color: rgba(255, 255, 255, var(--tw-border-opacity));
|
||||
}
|
||||
.dark .dark\:focus\:ring-white:focus {
|
||||
--tw-ring-opacity: 1;
|
||||
--tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
|
||||
}
|
||||
.dark .dark\:disabled\:text-gray-400:disabled {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(172, 172, 190, var(--tw-text-opacity));
|
||||
}
|
||||
.dark .dark\:disabled\:hover\:bg-transparent:hover:disabled {
|
||||
background-color: transparent;
|
||||
}
|
||||
.dark .disabled\:dark\:hover\:text-gray-400:hover:disabled {
|
||||
--tw-text-opacity: 1;
|
||||
color: rgba(172, 172, 190, var(--tw-text-opacity));
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
to {
|
||||
|
|
@ -1531,409 +1363,11 @@ html {
|
|||
.grow {
|
||||
flex-grow:1
|
||||
}
|
||||
.-translate-y-1\/2 {
|
||||
--tw-translate-y:-50%
|
||||
}
|
||||
.-translate-y-1\/2,
|
||||
.translate-y-\[calc\(100\%-71px\)\] {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.translate-y-\[calc\(100\%-71px\)\] {
|
||||
--tw-translate-y:calc(100% - 71px)
|
||||
}
|
||||
.-translate-x-full {
|
||||
--tw-translate-x:-100%
|
||||
}
|
||||
.-translate-x-full,
|
||||
.translate-y-4 {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.translate-y-4 {
|
||||
--tw-translate-y:1rem
|
||||
}
|
||||
.translate-y-0 {
|
||||
--tw-translate-y:0px
|
||||
}
|
||||
.translate-x-0,
|
||||
.translate-y-0 {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.translate-x-0 {
|
||||
--tw-translate-x:0px
|
||||
}
|
||||
.translate-y-1 {
|
||||
--tw-translate-y:0.25rem
|
||||
}
|
||||
.-translate-x-1\/2,
|
||||
.translate-y-1 {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.-translate-x-1\/2 {
|
||||
--tw-translate-x:-50%
|
||||
}
|
||||
.translate-x-1 {
|
||||
--tw-translate-x:0.25rem
|
||||
}
|
||||
.-translate-y-full,
|
||||
.translate-x-1 {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.-translate-y-full {
|
||||
--tw-translate-y:-100%
|
||||
}
|
||||
.translate-x-full {
|
||||
--tw-translate-x:100%
|
||||
}
|
||||
.translate-x-5,
|
||||
.translate-x-full {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.translate-x-5 {
|
||||
--tw-translate-x:1.25rem
|
||||
}
|
||||
.translate-x-4 {
|
||||
--tw-translate-x:1rem
|
||||
}
|
||||
.translate-x-4,
|
||||
.translate-y-1\/4 {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.translate-y-1\/4 {
|
||||
--tw-translate-y:25%
|
||||
}
|
||||
.-translate-x-3\/4 {
|
||||
--tw-translate-x:-75%
|
||||
}
|
||||
.-translate-x-3\/4,
|
||||
.translate-x-3\/4 {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.translate-x-3\/4 {
|
||||
--tw-translate-x:75%
|
||||
}
|
||||
.rotate-180 {
|
||||
--tw-rotate:180deg
|
||||
}
|
||||
.-rotate-180,
|
||||
.rotate-180 {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.-rotate-180 {
|
||||
--tw-rotate:-180deg
|
||||
}
|
||||
|
||||
.transform {
|
||||
-webkit-transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
||||
transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
|
||||
}
|
||||
.border-white\/10 {
|
||||
border-color:hsla(0,0%,100%,.1)
|
||||
}
|
||||
.border-white {
|
||||
--tw-border-opacity:1;
|
||||
border-color:rgba(255,255,255,var(--tw-border-opacity))
|
||||
}
|
||||
.border-gray-300 {
|
||||
--tw-border-opacity:1;
|
||||
border-color:rgba(197,197,210,var(--tw-border-opacity))
|
||||
}
|
||||
.border-black\/10 {
|
||||
border-color:rgba(0,0,0,.1)
|
||||
}
|
||||
.border-white\/20 {
|
||||
border-color:hsla(0,0%,100%,.2)
|
||||
}
|
||||
.border-gray-100 {
|
||||
--tw-border-opacity:1;
|
||||
border-color:rgba(236,236,241,var(--tw-border-opacity))
|
||||
}
|
||||
.border-gray-200 {
|
||||
--tw-border-opacity:1;
|
||||
border-color:rgba(217,217,227,var(--tw-border-opacity))
|
||||
}
|
||||
.border-black\/20 {
|
||||
border-color:rgba(0,0,0,.2)
|
||||
}
|
||||
.border-gray-500 {
|
||||
--tw-border-opacity:1;
|
||||
border-color:rgba(142,142,160,var(--tw-border-opacity))
|
||||
}
|
||||
.bg-gray-200 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(217,217,227,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-\[\#5436DA\] {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(84,54,218,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-white {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(255,255,255,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-black {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(0,0,0,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-gray-800 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(52,53,65,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-gray-50 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(247,247,248,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-gray-500\/90 {
|
||||
background-color:hsla(240,9%,59%,.9)
|
||||
}
|
||||
.bg-gray-900 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(32,33,35,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-gray-600 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(86,88,105,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-gray-500 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(142,142,160,var(--tw-bg-opacity))
|
||||
}
|
||||
.\!bg-white {
|
||||
--tw-bg-opacity:1!important;
|
||||
background-color:rgba(255,255,255,var(--tw-bg-opacity))!important
|
||||
}
|
||||
.bg-red-200 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(254,202,202,var(--tw-bg-opacity))
|
||||
}
|
||||
.\!bg-indigo-600 {
|
||||
--tw-bg-opacity:1!important;
|
||||
background-color:rgba(79,70,229,var(--tw-bg-opacity))!important
|
||||
}
|
||||
.\!bg-gray-200 {
|
||||
--tw-bg-opacity:1!important;
|
||||
background-color:rgba(217,217,227,var(--tw-bg-opacity))!important
|
||||
}
|
||||
.bg-red-500\/10 {
|
||||
background-color:rgba(239,68,68,.1)
|
||||
}
|
||||
.bg-gray-300 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(197,197,210,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-gray-400 {
|
||||
--tw-bg-opacity:1;
|
||||
background-color:rgba(172,172,190,var(--tw-bg-opacity))
|
||||
}
|
||||
.bg-opacity-75 {
|
||||
--tw-bg-opacity:0.75
|
||||
}
|
||||
.bg-gradient-to-l {
|
||||
background-image:linear-gradient(to left,var(--tw-gradient-stops))
|
||||
}
|
||||
.from-gray-800 {
|
||||
--tw-gradient-from:#343541;
|
||||
--tw-gradient-to:rgba(52,53,65,0);
|
||||
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
|
||||
}
|
||||
.from-gray-900 {
|
||||
--tw-gradient-from:#202123;
|
||||
--tw-gradient-to:rgba(32,33,35,0);
|
||||
--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)
|
||||
}
|
||||
.text-red-500 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(239,68,68,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-400 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(172,172,190,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-500 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(142,142,160,var(--tw-text-opacity))
|
||||
}
|
||||
.text-white {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(255,255,255,var(--tw-text-opacity))
|
||||
}
|
||||
.text-yellow-900 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(146,114,1,var(--tw-text-opacity))
|
||||
}
|
||||
.text-green-700 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(26,127,100,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-800 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(52,53,65,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-700 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(64,65,79,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-200 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(217,217,227,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-100 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(236,236,241,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-300 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(197,197,210,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-900 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(32,33,35,var(--tw-text-opacity))
|
||||
}
|
||||
.text-gray-600 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(86,88,105,var(--tw-text-opacity))
|
||||
}
|
||||
.text-red-600 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(220,38,38,var(--tw-text-opacity))
|
||||
}
|
||||
.text-yellow-700 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(161,98,7,var(--tw-text-opacity))
|
||||
}
|
||||
.text-indigo-500 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(99,102,241,var(--tw-text-opacity))
|
||||
}
|
||||
.text-red-800 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(153,27,27,var(--tw-text-opacity))
|
||||
}
|
||||
.text-black\/50 {
|
||||
color:rgba(0,0,0,.5)
|
||||
}
|
||||
.text-indigo-600 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(79,70,229,var(--tw-text-opacity))
|
||||
}
|
||||
.text-yellow-400 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(255,198,87,var(--tw-text-opacity))
|
||||
}
|
||||
.text-red-300 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(252,165,165,var(--tw-text-opacity))
|
||||
}
|
||||
.text-green-600 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(16,163,127,var(--tw-text-opacity))
|
||||
}
|
||||
.text-orange-500 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(224,108,43,var(--tw-text-opacity))
|
||||
}
|
||||
.text-blue-500 {
|
||||
--tw-text-opacity:1;
|
||||
color:rgba(59,130,246,var(--tw-text-opacity))
|
||||
}
|
||||
.underline {
|
||||
text-decoration-line:underline
|
||||
}
|
||||
.\!no-underline {
|
||||
text-decoration-line:none!important
|
||||
}
|
||||
.placeholder-gray-500::-webkit-input-placeholder {
|
||||
--tw-placeholder-opacity:1;
|
||||
color:rgba(142,142,160,var(--tw-placeholder-opacity))
|
||||
}
|
||||
.placeholder-gray-500::placeholder {
|
||||
--tw-placeholder-opacity:1;
|
||||
color:rgba(142,142,160,var(--tw-placeholder-opacity))
|
||||
}
|
||||
|
||||
.transition-transform {
|
||||
transition-duration:.15s;
|
||||
transition-property:-webkit-transform;
|
||||
transition-property:transform;
|
||||
transition-property:transform,-webkit-transform;
|
||||
transition-timing-function:cubic-bezier(.4,0,.2,1)
|
||||
}
|
||||
.transition {
|
||||
transition-duration:.15s;
|
||||
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,-webkit-transform,-webkit-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-transform,-webkit-filter,-webkit-backdrop-filter;
|
||||
transition-timing-function:cubic-bezier(.4,0,.2,1)
|
||||
}
|
||||
.transition-opacity {
|
||||
transition-duration:.15s;
|
||||
transition-property:opacity;
|
||||
transition-timing-function:cubic-bezier(.4,0,.2,1)
|
||||
}
|
||||
.transition-all {
|
||||
transition-duration:.15s;
|
||||
transition-property:all;
|
||||
transition-timing-function:cubic-bezier(.4,0,.2,1)
|
||||
}
|
||||
.transition-colors {
|
||||
transition-duration:.15s;
|
||||
transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;
|
||||
transition-timing-function:cubic-bezier(.4,0,.2,1)
|
||||
}
|
||||
.transition-width {
|
||||
transition-duration:.15s;
|
||||
transition-property:width;
|
||||
transition-timing-function:cubic-bezier(.4,0,.2,1)
|
||||
}
|
||||
.duration-200 {
|
||||
transition-duration:.2s
|
||||
}
|
||||
.duration-500 {
|
||||
transition-duration:.5s
|
||||
}
|
||||
.duration-75 {
|
||||
transition-duration:75ms
|
||||
}
|
||||
.duration-300 {
|
||||
transition-duration:.3s
|
||||
}
|
||||
.duration-150 {
|
||||
transition-duration:.15s
|
||||
}
|
||||
.duration-100 {
|
||||
transition-duration:.1s
|
||||
}
|
||||
.ease-out {
|
||||
transition-timing-function:cubic-bezier(0,0,.2,1)
|
||||
}
|
||||
.ease-in {
|
||||
transition-timing-function:cubic-bezier(.4,0,1,1)
|
||||
}
|
||||
.ease-linear {
|
||||
transition-timing-function:linear
|
||||
}
|
||||
.ease-in-out {
|
||||
transition-timing-function:cubic-bezier(.4,0,.2,1)
|
||||
}
|
||||
.line-clamp-2 {
|
||||
-webkit-line-clamp:2
|
||||
}
|
||||
.line-clamp-2,
|
||||
.line-clamp-3 {
|
||||
-webkit-box-orient:vertical;
|
||||
display:-webkit-box;
|
||||
overflow:hidden
|
||||
}
|
||||
.line-clamp-3 {
|
||||
-webkit-line-clamp:3
|
||||
}
|
||||
body,
|
||||
html {
|
||||
height:100%
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue