Migrates user page to SSR

This commit is contained in:
2023-10-12 21:55:37 -07:00
parent c00940fcbf
commit d9fec54062
16 changed files with 542 additions and 33 deletions

View File

@@ -76,3 +76,22 @@
.min-h-content {
min-height: calc(100vh - 4em);
}
.select2 {
@apply text-xs !important;
}
.select2-dropdown {
@apply p-2 mb-6 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500 text-xs !important;
}
.select2-selection__choice {
@apply bg-primary-100 dark:bg-primary-700 text-gray-900 dark:text-gray-200 !important;
}
.select2-search {
@apply h-4 !important;
}
.select2-selection {
@apply py-2.5 !important;
}

View File

@@ -1352,6 +1352,10 @@ input:checked + .toggle-bg {
width: 0.875rem;
}
.w-36 {
width: 9rem;
}
.w-4 {
width: 1rem;
}
@@ -1546,6 +1550,10 @@ input:checked + .toggle-bg {
flex-wrap: wrap;
}
.place-items-center {
place-items: center;
}
.items-start {
align-items: flex-start;
}
@@ -2476,6 +2484,82 @@ input:checked + .toggle-bg {
min-height: calc(100vh - 4em);
}
.select2 {
font-size: 0.75rem !important;
line-height: 1rem !important;
}
.select2-dropdown {
margin-bottom: 1.5rem !important;
border-radius: 0.5rem !important;
border-width: 1px !important;
--tw-border-opacity: 1 !important;
border-color: rgb(209 213 219 / var(--tw-border-opacity)) !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(249 250 251 / var(--tw-bg-opacity)) !important;
padding: 0.5rem !important;
font-size: 0.75rem !important;
line-height: 1rem !important;
--tw-text-opacity: 1 !important;
color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
.select2-dropdown:focus {
--tw-border-opacity: 1 !important;
border-color: rgb(0 156 234 / var(--tw-border-opacity)) !important;
--tw-ring-opacity: 1 !important;
--tw-ring-color: rgb(0 156 234 / var(--tw-ring-opacity)) !important;
}
:is(.dark .select2-dropdown) {
--tw-border-opacity: 1 !important;
border-color: rgb(75 85 99 / var(--tw-border-opacity)) !important;
--tw-bg-opacity: 1 !important;
background-color: rgb(55 65 81 / var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1 !important;
color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
:is(.dark .select2-dropdown)::-moz-placeholder {
--tw-placeholder-opacity: 1 !important;
color: rgb(156 163 175 / var(--tw-placeholder-opacity)) !important;
}
:is(.dark .select2-dropdown)::placeholder {
--tw-placeholder-opacity: 1 !important;
color: rgb(156 163 175 / var(--tw-placeholder-opacity)) !important;
}
:is(.dark .select2-dropdown:focus) {
--tw-border-opacity: 1 !important;
border-color: rgb(0 156 234 / var(--tw-border-opacity)) !important;
--tw-ring-opacity: 1 !important;
--tw-ring-color: rgb(0 156 234 / var(--tw-ring-opacity)) !important;
}
.select2-selection__choice {
--tw-bg-opacity: 1 !important;
background-color: rgb(228 240 213 / var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1 !important;
color: rgb(17 24 39 / var(--tw-text-opacity)) !important;
}
:is(.dark .select2-selection__choice) {
--tw-bg-opacity: 1 !important;
background-color: rgb(73 109 28 / var(--tw-bg-opacity)) !important;
--tw-text-opacity: 1 !important;
color: rgb(229 231 235 / var(--tw-text-opacity)) !important;
}
.select2-search {
height: 1rem !important;
}
.select2-selection {
padding-top: 0.625rem !important;
padding-bottom: 0.625rem !important;
}
.hover\:scale-105:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;

View File

@@ -1393,6 +1393,10 @@
:db/cardinality #:db{:ident :db.cardinality/one},
:db/doc "the id from the provider",
:db/ident :user/provider-id}
{:db/valueType #:db{:ident :db.type/instant},
:db/cardinality #:db{:ident :db.cardinality/one},
:db/doc "The last time the user logged in, defaulted to the last action they took",
:db/ident :user/last-login}
{:db/valueType #:db{:ident :db.type/ref},
:db/cardinality #:db{:ident :db.cardinality/one},
:db/doc "The role [:user :admin :none]",