finished updates to camp form

The main parts of the camp form are finished. I may remove the map,
but it's helpful for anyone who is farther away from camp.
This commit is contained in:
Chris Cochrun 2023-03-22 11:11:24 -05:00
parent bfc5d02a55
commit 31fc65500e
5 changed files with 120 additions and 111 deletions

View file

@ -1537,11 +1537,6 @@ select {
left: 0px;
}
.inset-x-1\/2 {
left: 50%;
right: 50%;
}
.inset-x-0 {
left: 0px;
right: 0px;
@ -1563,6 +1558,10 @@ select {
bottom: 1rem;
}
.right-8 {
right: 2rem;
}
.top-0 {
top: 0px;
}
@ -1575,14 +1574,6 @@ select {
right: 0px;
}
.right-4 {
right: 1rem;
}
.right-8 {
right: 2rem;
}
.z-30 {
z-index: 30;
}
@ -1664,9 +1655,9 @@ select {
margin-bottom: 0.75rem;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
.my-2 {
margin-top: 0.5rem;
margin-bottom: 0.5rem;
}
.mt-0 {
@ -1813,12 +1804,8 @@ select {
margin-bottom: 2px;
}
.mt-auto {
margin-top: auto;
}
.mb-auto {
margin-bottom: auto;
.mb-4 {
margin-bottom: 1rem;
}
.block {
@ -1849,10 +1836,6 @@ select {
display: none;
}
.aspect-auto {
aspect-ratio: auto;
}
.aspect-video {
aspect-ratio: 16 / 9;
}
@ -1933,10 +1916,6 @@ select {
width: 6rem;
}
.w-40 {
width: 10rem;
}
.w-screen {
width: 100vw;
}
@ -2072,10 +2051,6 @@ select {
flex-wrap: wrap;
}
.flex-nowrap {
flex-wrap: nowrap;
}
.items-center {
align-items: center;
}
@ -2154,6 +2129,10 @@ select {
border-radius: 0.5rem;
}
.\!rounded-md {
border-radius: 0.375rem !important;
}
.rounded-md {
border-radius: 0.375rem;
}
@ -2166,10 +2145,6 @@ select {
border-radius: 0.25rem;
}
.\!rounded-md {
border-radius: 0.375rem !important;
}
.rounded-b-lg {
border-bottom-right-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
@ -2388,6 +2363,11 @@ select {
padding-right: 1rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
@ -2433,11 +2413,6 @@ select {
padding-right: 0.5rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
@ -2639,9 +2614,14 @@ select {
color: rgb(255 51 153 / var(--tw-text-opacity));
}
.text-neutral-300 {
.text-\[\#f38\] {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
color: rgb(255 51 136 / var(--tw-text-opacity));
}
.\!text-neutral {
--tw-text-opacity: 1 !important;
color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important;
}
.text-\[\#fca5a5\] {
@ -2659,6 +2639,11 @@ select {
color: rgba(var(--color-neutral-200), var(--tw-text-opacity));
}
.text-neutral-300 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-300), var(--tw-text-opacity));
}
.text-primary-700 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-700), var(--tw-text-opacity));
@ -2674,16 +2659,46 @@ select {
color: rgba(var(--color-primary-400), var(--tw-text-opacity));
}
.\!text-neutral {
--tw-text-opacity: 1 !important;
color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important;
}
.text-primary-800 {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-800), var(--tw-text-opacity));
}
.text-\[\#f36\] {
--tw-text-opacity: 1;
color: rgb(255 51 102 / var(--tw-text-opacity));
}
.text-\[\#f35\] {
--tw-text-opacity: 1;
color: rgb(255 51 85 / var(--tw-text-opacity));
}
.text-\[\#f3b\] {
--tw-text-opacity: 1;
color: rgb(255 51 187 / var(--tw-text-opacity));
}
.text-\[\#f3f\] {
--tw-text-opacity: 1;
color: rgb(255 51 255 / var(--tw-text-opacity));
}
.text-\[\#f3c\] {
--tw-text-opacity: 1;
color: rgb(255 51 204 / var(--tw-text-opacity));
}
.text-\[\#f30\] {
--tw-text-opacity: 1;
color: rgb(255 51 0 / var(--tw-text-opacity));
}
.text-\[\#f3a\] {
--tw-text-opacity: 1;
color: rgb(255 51 170 / var(--tw-text-opacity));
}
.\!no-underline {
text-decoration-line: none !important;
}
@ -2730,12 +2745,6 @@ select {
mix-blend-mode: multiply;
}
.shadow-md {
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-xl {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
@ -3586,14 +3595,6 @@ body:has(#menu-controller:checked) {
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));
}
.hover\:\!rounded-full:hover {
border-radius: 9999px !important;
}
.hover\:rounded-full:hover {
border-radius: 9999px;
}
.hover\:border-transparent:hover {
border-color: transparent;
}
@ -3608,6 +3609,11 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
}
.hover\:\!bg-primary-500:hover {
--tw-bg-opacity: 1 !important;
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
}
.hover\:bg-primary-600:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity));
@ -3623,11 +3629,6 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity));
}
.hover\:\!bg-primary-500:hover {
--tw-bg-opacity: 1 !important;
background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important;
}
.hover\:text-primary-600:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-600), var(--tw-text-opacity));
@ -3669,12 +3670,6 @@ body:has(#menu-controller:checked) {
text-underline-offset: 2px;
}
.hover\:shadow-xl:hover {
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.hover\:file\:bg-primary-300::file-selector-button:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity));
@ -3932,6 +3927,11 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-neutral-800), 0.5);
}
.dark .dark\:bg-primary-800 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
}
.dark .dark\:bg-\[\#ef4444\] {
--tw-bg-opacity: 1;
background-color: rgb(239 68 68 / var(--tw-bg-opacity));
@ -3951,11 +3951,6 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity));
}
.dark .dark\:bg-primary-800 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity));
}
.dark .dark\:bg-primary-900 {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
@ -4070,6 +4065,11 @@ body:has(#menu-controller:checked) {
mix-blend-mode: multiply;
}
.dark .dark\:hover\:\!bg-primary-700:hover {
--tw-bg-opacity: 1 !important;
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important;
}
.dark .dark\:hover\:bg-primary-900:hover {
--tw-bg-opacity: 1;
background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity));
@ -4080,11 +4080,6 @@ body:has(#menu-controller:checked) {
background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity));
}
.dark .dark\:hover\:\!bg-primary-700:hover {
--tw-bg-opacity: 1 !important;
background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important;
}
.dark .dark\:hover\:text-primary-400:hover {
--tw-text-opacity: 1;
color: rgba(var(--color-primary-400), var(--tw-text-opacity));