ourworld_web/www_circl
23
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

edit pricing

Browse Source
This commit is contained in:
sasha-astiadi
2025-05-07 15:09:12 +02:00
parent e1d084aca5
commit 629ad976cb
10 changed files with 158 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

105
dist/output.css vendored
View File

@@ -921,18 +921,6 @@ body:is(.dark *) {
}
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.absolute {
position: absolute;
}
@@ -1174,18 +1162,10 @@ body:is(.dark *) {
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));
}
.cursor-pointer {
cursor: pointer;
}
.grid-cols-1 {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-col {
flex-direction: column;
}
@@ -1281,11 +1261,6 @@ body:is(.dark *) {
background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-indigo-500 {
--tw-bg-opacity: 1;
background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1));
}
.bg-white {
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
@@ -1362,10 +1337,6 @@ body:is(.dark *) {
object-fit: cover;
}
.p-1 {
padding: 0.25rem;
}
.p-8 {
padding: 2rem;
}
@@ -1443,6 +1414,11 @@ body:is(.dark *) {
line-height: 2rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.text-sm\/6 {
font-size: 0.875rem;
line-height: 1.5rem;
@@ -1473,11 +1449,6 @@ body:is(.dark *) {
letter-spacing: -0.025em;
}
.text-black {
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity, 1));
@@ -1668,6 +1639,72 @@ body:is(.dark *) {
}
}
.toggle-switch {
position: relative;
display: inline-flex;
cursor: pointer;
border-radius: 9999px;
background-color: rgb(0 0 0 / 0.3);
padding: 0.25rem;
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.toggle-switch[data-state="checked"] {
--tw-bg-opacity: 1;
background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.toggle-switch-thumb {
height: 1.5rem;
width: 120px;
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-radius: 9999px;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
transition-property: transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.toggle-switch[data-state="checked"] .toggle-switch-thumb {
transform: translateX(100%);
}
.toggle-switch-label {
position: absolute;
inset: 0px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 1rem;
padding-right: 1rem;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 500;
}
.toggle-switch-label span {
z-index: 10;
--tw-text-opacity: 1;
color: rgb(0 0 0 / var(--tw-text-opacity, 1));
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 300ms;
}
.toggle-switch[data-state="checked"] .toggle-switch-label span:first-child {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.toggle-switch[data-state="unchecked"] .toggle-switch-label span:last-child {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;