Create views for organizing secrets in groups
This commit is contained in:
@ -39,15 +39,16 @@
|
||||
--color-teal-300: oklch(85.5% 0.138 181.071);
|
||||
--color-teal-500: oklch(70.4% 0.14 182.503);
|
||||
--color-teal-600: oklch(60% 0.118 184.704);
|
||||
--color-teal-700: oklch(51.1% 0.096 186.391);
|
||||
--color-teal-900: oklch(38.6% 0.063 188.416);
|
||||
--color-blue-100: oklch(93.2% 0.032 255.585);
|
||||
--color-blue-200: oklch(88.2% 0.059 254.128);
|
||||
--color-blue-300: oklch(80.9% 0.105 251.813);
|
||||
--color-blue-400: oklch(70.7% 0.165 254.624);
|
||||
--color-blue-500: oklch(62.3% 0.214 259.815);
|
||||
--color-blue-600: oklch(54.6% 0.245 262.881);
|
||||
--color-blue-700: oklch(48.8% 0.243 264.376);
|
||||
--color-blue-800: oklch(42.4% 0.199 265.638);
|
||||
--color-indigo-200: oklch(87% 0.065 274.039);
|
||||
--color-blue-900: oklch(37.9% 0.146 265.522);
|
||||
--color-indigo-500: oklch(58.5% 0.233 277.117);
|
||||
--color-indigo-600: oklch(51.1% 0.262 276.966);
|
||||
--color-indigo-700: oklch(45.7% 0.24 277.023);
|
||||
@ -120,6 +121,7 @@
|
||||
--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--animate-spin: spin 1s linear infinite;
|
||||
--animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
|
||||
--animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
|
||||
--default-transition-duration: 150ms;
|
||||
--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--default-font-family: var(--font-sans);
|
||||
@ -415,12 +417,18 @@
|
||||
.m-361 {
|
||||
margin: calc(var(--spacing) * 361);
|
||||
}
|
||||
.mx-2\.5 {
|
||||
margin-inline: calc(var(--spacing) * 2.5);
|
||||
}
|
||||
.mx-3 {
|
||||
margin-inline: calc(var(--spacing) * 3);
|
||||
}
|
||||
.mx-4 {
|
||||
margin-inline: calc(var(--spacing) * 4);
|
||||
}
|
||||
.mx-\[1rem\] {
|
||||
margin-inline: 1rem;
|
||||
}
|
||||
.mx-auto {
|
||||
margin-inline: auto;
|
||||
}
|
||||
@ -478,6 +486,9 @@
|
||||
.mt-2 {
|
||||
margin-top: calc(var(--spacing) * 2);
|
||||
}
|
||||
.mt-2\.5 {
|
||||
margin-top: calc(var(--spacing) * 2.5);
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: calc(var(--spacing) * 3);
|
||||
}
|
||||
@ -541,6 +552,9 @@
|
||||
.mb-2 {
|
||||
margin-bottom: calc(var(--spacing) * 2);
|
||||
}
|
||||
.mb-2\.5 {
|
||||
margin-bottom: calc(var(--spacing) * 2.5);
|
||||
}
|
||||
.mb-3 {
|
||||
margin-bottom: calc(var(--spacing) * 3);
|
||||
}
|
||||
@ -583,6 +597,9 @@
|
||||
.ml-6 {
|
||||
margin-left: calc(var(--spacing) * 6);
|
||||
}
|
||||
.ml-\[1rem\] {
|
||||
margin-left: 1rem;
|
||||
}
|
||||
.ml-auto {
|
||||
margin-left: auto;
|
||||
}
|
||||
@ -667,6 +684,9 @@
|
||||
.h-32 {
|
||||
height: calc(var(--spacing) * 32);
|
||||
}
|
||||
.h-48 {
|
||||
height: calc(var(--spacing) * 48);
|
||||
}
|
||||
.h-\[0\.125rem\] {
|
||||
height: 0.125rem;
|
||||
}
|
||||
@ -736,12 +756,21 @@
|
||||
.w-11 {
|
||||
width: calc(var(--spacing) * 11);
|
||||
}
|
||||
.w-12 {
|
||||
width: calc(var(--spacing) * 12);
|
||||
}
|
||||
.w-16 {
|
||||
width: calc(var(--spacing) * 16);
|
||||
}
|
||||
.w-24 {
|
||||
width: calc(var(--spacing) * 24);
|
||||
}
|
||||
.w-28 {
|
||||
width: calc(var(--spacing) * 28);
|
||||
}
|
||||
.w-32 {
|
||||
width: calc(var(--spacing) * 32);
|
||||
}
|
||||
.w-36 {
|
||||
width: calc(var(--spacing) * 36);
|
||||
}
|
||||
@ -863,6 +892,9 @@
|
||||
.animate-ping {
|
||||
animation: var(--animate-ping);
|
||||
}
|
||||
.animate-pulse {
|
||||
animation: var(--animate-pulse);
|
||||
}
|
||||
.animate-spin {
|
||||
animation: var(--animate-spin);
|
||||
}
|
||||
@ -1196,6 +1228,9 @@
|
||||
--tw-border-style: solid;
|
||||
border-style: solid;
|
||||
}
|
||||
.border-blue-700 {
|
||||
border-color: var(--color-blue-700);
|
||||
}
|
||||
.border-gray-100 {
|
||||
border-color: var(--color-gray-100);
|
||||
}
|
||||
@ -1208,6 +1243,9 @@
|
||||
.border-gray-500 {
|
||||
border-color: var(--color-gray-500);
|
||||
}
|
||||
.border-gray-900 {
|
||||
border-color: var(--color-gray-900);
|
||||
}
|
||||
.border-green-100 {
|
||||
border-color: var(--color-green-100);
|
||||
}
|
||||
@ -1262,6 +1300,9 @@
|
||||
background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
|
||||
}
|
||||
}
|
||||
.bg-blue-100 {
|
||||
background-color: var(--color-blue-100);
|
||||
}
|
||||
.bg-blue-200 {
|
||||
background-color: var(--color-blue-200);
|
||||
}
|
||||
@ -1295,6 +1336,9 @@
|
||||
.bg-gray-200 {
|
||||
background-color: var(--color-gray-200);
|
||||
}
|
||||
.bg-gray-300 {
|
||||
background-color: var(--color-gray-300);
|
||||
}
|
||||
.bg-gray-800 {
|
||||
background-color: var(--color-gray-800);
|
||||
}
|
||||
@ -1692,12 +1736,21 @@
|
||||
.text-\[\#f84525\] {
|
||||
color: #f84525;
|
||||
}
|
||||
.text-blue-400 {
|
||||
color: var(--color-blue-400);
|
||||
}
|
||||
.text-blue-500 {
|
||||
color: var(--color-blue-500);
|
||||
}
|
||||
.text-blue-600 {
|
||||
color: var(--color-blue-600);
|
||||
}
|
||||
.text-blue-700 {
|
||||
color: var(--color-blue-700);
|
||||
}
|
||||
.text-blue-800 {
|
||||
color: var(--color-blue-800);
|
||||
}
|
||||
.text-emerald-500 {
|
||||
color: var(--color-emerald-500);
|
||||
}
|
||||
@ -2083,6 +2136,27 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:bg-blue-200 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-200);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:bg-blue-700 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-700);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:bg-blue-800 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-800);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:bg-gray-50 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
@ -2174,6 +2248,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:text-blue-900 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
color: var(--color-blue-900);
|
||||
}
|
||||
}
|
||||
}
|
||||
.hover\:text-gray-100 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
@ -2316,6 +2397,11 @@
|
||||
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
||||
}
|
||||
}
|
||||
.focus\:ring-blue-300 {
|
||||
&:focus {
|
||||
--tw-ring-color: var(--color-blue-300);
|
||||
}
|
||||
}
|
||||
.focus\:ring-blue-500 {
|
||||
&:focus {
|
||||
--tw-ring-color: var(--color-blue-500);
|
||||
@ -2538,6 +2624,11 @@
|
||||
padding-inline: calc(var(--spacing) * 4);
|
||||
}
|
||||
}
|
||||
.sm\:px-16 {
|
||||
@media (width >= 40rem) {
|
||||
padding-inline: calc(var(--spacing) * 16);
|
||||
}
|
||||
}
|
||||
.sm\:py-2 {
|
||||
@media (width >= 40rem) {
|
||||
padding-block: calc(var(--spacing) * 2);
|
||||
@ -3013,6 +3104,12 @@
|
||||
line-height: var(--tw-leading, var(--text-6xl--line-height));
|
||||
}
|
||||
}
|
||||
.lg\:text-xl {
|
||||
@media (width >= 64rem) {
|
||||
font-size: var(--text-xl);
|
||||
line-height: var(--tw-leading, var(--text-xl--line-height));
|
||||
}
|
||||
}
|
||||
.lg\:hover\:underline {
|
||||
@media (width >= 64rem) {
|
||||
&:hover {
|
||||
@ -3140,6 +3237,11 @@
|
||||
padding-inline: calc(var(--spacing) * 0);
|
||||
}
|
||||
}
|
||||
.xl\:px-48 {
|
||||
@media (width >= 80rem) {
|
||||
padding-inline: calc(var(--spacing) * 48);
|
||||
}
|
||||
}
|
||||
.xl\:py-24 {
|
||||
@media (width >= 80rem) {
|
||||
padding-block: calc(var(--spacing) * 24);
|
||||
@ -3231,6 +3333,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:border-blue-500 {
|
||||
&:where(.dark, .dark *) {
|
||||
border-color: var(--color-blue-500);
|
||||
}
|
||||
}
|
||||
.dark\:border-gray-500 {
|
||||
&:where(.dark, .dark *) {
|
||||
border-color: var(--color-gray-500);
|
||||
@ -3291,6 +3398,11 @@
|
||||
border-color: var(--color-red-800);
|
||||
}
|
||||
}
|
||||
.dark\:bg-blue-900 {
|
||||
&:where(.dark, .dark *) {
|
||||
background-color: var(--color-blue-900);
|
||||
}
|
||||
}
|
||||
.dark\:bg-gray-600 {
|
||||
&:where(.dark, .dark *) {
|
||||
background-color: var(--color-gray-600);
|
||||
@ -3359,6 +3471,11 @@
|
||||
background-color: var(--color-teal-900);
|
||||
}
|
||||
}
|
||||
.dark\:text-blue-300 {
|
||||
&:where(.dark, .dark *) {
|
||||
color: var(--color-blue-300);
|
||||
}
|
||||
}
|
||||
.dark\:text-blue-500 {
|
||||
&:where(.dark, .dark *) {
|
||||
color: var(--color-blue-500);
|
||||
@ -3399,6 +3516,11 @@
|
||||
color: var(--color-gray-600);
|
||||
}
|
||||
}
|
||||
.dark\:text-gray-700 {
|
||||
&:where(.dark, .dark *) {
|
||||
color: var(--color-gray-700);
|
||||
}
|
||||
}
|
||||
.dark\:text-green-400 {
|
||||
&:where(.dark, .dark *) {
|
||||
color: var(--color-green-400);
|
||||
@ -3536,6 +3658,24 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:hover\:bg-blue-500 {
|
||||
&:where(.dark, .dark *) {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-500);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:hover\:bg-blue-800 {
|
||||
&:where(.dark, .dark *) {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
background-color: var(--color-blue-800);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:hover\:bg-gray-600 {
|
||||
&:where(.dark, .dark *) {
|
||||
&:hover {
|
||||
@ -3572,6 +3712,15 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:hover\:text-blue-300 {
|
||||
&:where(.dark, .dark *) {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
color: var(--color-blue-300);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:hover\:text-gray-200 {
|
||||
&:where(.dark, .dark *) {
|
||||
&:hover {
|
||||
@ -3675,6 +3824,13 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:focus\:ring-blue-800 {
|
||||
&:where(.dark, .dark *) {
|
||||
&:focus {
|
||||
--tw-ring-color: var(--color-blue-800);
|
||||
}
|
||||
}
|
||||
}
|
||||
.dark\:focus\:ring-gray-600 {
|
||||
&:where(.dark, .dark *) {
|
||||
&:focus {
|
||||
@ -3976,6 +4132,11 @@
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes pulse {
|
||||
50% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
@layer properties {
|
||||
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
|
||||
*, ::before, ::after, ::backdrop {
|
||||
|
||||
Reference in New Issue
Block a user