updated accounts page: display user info and list shops
This commit is contained in:
@@ -7,6 +7,7 @@
|
||||
"Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
|
||||
"Courier New", monospace;
|
||||
--color-sky-400: oklch(74.6% 0.16 232.661);
|
||||
--color-black: #000;
|
||||
--color-white: #fff;
|
||||
--text-sm: 0.875rem;
|
||||
@@ -213,9 +214,21 @@
|
||||
.m-\[1em\] {
|
||||
margin: 1em;
|
||||
}
|
||||
.m-\[1rem\] {
|
||||
margin: 1rem;
|
||||
}
|
||||
.m-\[2em\] {
|
||||
margin: 2em;
|
||||
}
|
||||
.my-\[0\.5em\] {
|
||||
margin-block: 0.5em;
|
||||
}
|
||||
.my-\[1rem\] {
|
||||
margin-block: 1rem;
|
||||
}
|
||||
.my-\[2rem\] {
|
||||
margin-block: 2rem;
|
||||
}
|
||||
.mt-\[0\.25em\] {
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
@@ -228,12 +241,18 @@
|
||||
.mb-\[0\.5em\] {
|
||||
margin-bottom: 0.5em;
|
||||
}
|
||||
.mb-\[0\.5rem\] {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.mb-\[1\.25rem\] {
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
.mb-\[1em\] {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
.mb-\[1rem\] {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
.mb-\[3em\] {
|
||||
margin-bottom: 3em;
|
||||
}
|
||||
@@ -252,9 +271,21 @@
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
.inline {
|
||||
display: inline;
|
||||
}
|
||||
.inline-block {
|
||||
display: inline-block;
|
||||
}
|
||||
.table {
|
||||
display: table;
|
||||
}
|
||||
.h-\[1em\] {
|
||||
height: 1em;
|
||||
}
|
||||
.h-\[2em\] {
|
||||
height: 2em;
|
||||
}
|
||||
.h-\[2rem\] {
|
||||
height: 2rem;
|
||||
}
|
||||
@@ -300,6 +331,9 @@
|
||||
.resize {
|
||||
resize: both;
|
||||
}
|
||||
.list-none {
|
||||
list-style-type: none;
|
||||
}
|
||||
.grid-cols-\[6rem_10fr_6rem\] {
|
||||
grid-template-columns: 6rem 10fr 6rem;
|
||||
}
|
||||
@@ -324,6 +358,9 @@
|
||||
.gap-y-\[2em\] {
|
||||
row-gap: 2em;
|
||||
}
|
||||
.self-center {
|
||||
align-self: center;
|
||||
}
|
||||
.overflow-x-auto {
|
||||
overflow-x: auto;
|
||||
}
|
||||
@@ -333,6 +370,9 @@
|
||||
.overflow-y-hidden {
|
||||
overflow-y: hidden;
|
||||
}
|
||||
.rounded {
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
.rounded-\[50\%\] {
|
||||
border-radius: 50%;
|
||||
}
|
||||
@@ -354,6 +394,10 @@
|
||||
border-bottom-style: var(--tw-border-style);
|
||||
border-bottom-width: 2px;
|
||||
}
|
||||
.border-dotted {
|
||||
--tw-border-style: dotted;
|
||||
border-style: dotted;
|
||||
}
|
||||
.border-sidebar-border {
|
||||
border-color: var(--sidebar-border);
|
||||
}
|
||||
@@ -378,15 +422,42 @@
|
||||
.p-\[1em\] {
|
||||
padding: 1em;
|
||||
}
|
||||
.p-\[1rem\] {
|
||||
padding: 1rem;
|
||||
}
|
||||
.px-\[0\.5em\] {
|
||||
padding-inline: 0.5em;
|
||||
}
|
||||
.px-\[0\.75em\] {
|
||||
padding-inline: 0.75em;
|
||||
}
|
||||
.px-\[2em\] {
|
||||
padding-inline: 2em;
|
||||
}
|
||||
.py-\[0\.5em\] {
|
||||
padding-block: 0.5em;
|
||||
}
|
||||
.py-\[1em\] {
|
||||
padding-block: 1em;
|
||||
}
|
||||
.py-\[1rem\] {
|
||||
padding-block: 1rem;
|
||||
}
|
||||
.pt-\[1em\] {
|
||||
padding-top: 1em;
|
||||
}
|
||||
.pr-\[2em\] {
|
||||
padding-right: 2em;
|
||||
}
|
||||
.pb-\[0\.5em\] {
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
.pb-\[1em\] {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.pb-\[1rem\] {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.text-center {
|
||||
text-align: center;
|
||||
}
|
||||
@@ -460,6 +531,50 @@
|
||||
transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
|
||||
transition-duration: var(--tw-duration, var(--default-transition-duration));
|
||||
}
|
||||
.group-open\:border-b-\[0\.5rem\] {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
border-bottom-style: var(--tw-border-style);
|
||||
border-bottom-width: 0.5rem;
|
||||
}
|
||||
}
|
||||
.group-open\:border-b-\[0\.25rem\] {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
border-bottom-style: var(--tw-border-style);
|
||||
border-bottom-width: 0.25rem;
|
||||
}
|
||||
}
|
||||
.group-open\:border-b-\[1px\] {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
border-bottom-style: var(--tw-border-style);
|
||||
border-bottom-width: 1px;
|
||||
}
|
||||
}
|
||||
.group-open\:border-b-\[1rem\] {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
border-bottom-style: var(--tw-border-style);
|
||||
border-bottom-width: 1rem;
|
||||
}
|
||||
}
|
||||
.group-open\:border-b-accent {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
border-bottom-color: var(--accent);
|
||||
}
|
||||
}
|
||||
.group-open\:border-b-background {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
border-bottom-color: var(--background);
|
||||
}
|
||||
}
|
||||
.group-open\:border-b-black {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
border-bottom-color: var(--color-black);
|
||||
}
|
||||
}
|
||||
.group-open\:bg-background {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
background-color: var(--background);
|
||||
}
|
||||
}
|
||||
.group-hover\:scale-120 {
|
||||
&:is(:where(.group):hover *) {
|
||||
@media (hover: hover) {
|
||||
@@ -470,6 +585,197 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.marker\:inline {
|
||||
& *::marker {
|
||||
display: inline;
|
||||
}
|
||||
&::marker {
|
||||
display: inline;
|
||||
}
|
||||
& *::-webkit-details-marker {
|
||||
display: inline;
|
||||
}
|
||||
&::-webkit-details-marker {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.marker\:inline-block {
|
||||
& *::marker {
|
||||
display: inline-block;
|
||||
}
|
||||
&::marker {
|
||||
display: inline-block;
|
||||
}
|
||||
& *::-webkit-details-marker {
|
||||
display: inline-block;
|
||||
}
|
||||
&::-webkit-details-marker {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.marker\:list-none {
|
||||
& *::marker {
|
||||
list-style-type: none;
|
||||
}
|
||||
&::marker {
|
||||
list-style-type: none;
|
||||
}
|
||||
& *::-webkit-details-marker {
|
||||
list-style-type: none;
|
||||
}
|
||||
&::-webkit-details-marker {
|
||||
list-style-type: none;
|
||||
}
|
||||
}
|
||||
.marker\:bg-accent {
|
||||
& *::marker {
|
||||
background-color: var(--accent);
|
||||
}
|
||||
&::marker {
|
||||
background-color: var(--accent);
|
||||
}
|
||||
& *::-webkit-details-marker {
|
||||
background-color: var(--accent);
|
||||
}
|
||||
&::-webkit-details-marker {
|
||||
background-color: var(--accent);
|
||||
}
|
||||
}
|
||||
.marker\:text-sky-400 {
|
||||
& *::marker {
|
||||
color: var(--color-sky-400);
|
||||
}
|
||||
&::marker {
|
||||
color: var(--color-sky-400);
|
||||
}
|
||||
& *::-webkit-details-marker {
|
||||
color: var(--color-sky-400);
|
||||
}
|
||||
&::-webkit-details-marker {
|
||||
color: var(--color-sky-400);
|
||||
}
|
||||
}
|
||||
.after\:float-right {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
.after\:text-\[1em\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
font-size: 1em;
|
||||
}
|
||||
}
|
||||
.after\:text-\[2em\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
.after\:text-\[3em\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
font-size: 3em;
|
||||
}
|
||||
}
|
||||
.after\:leading-\[1em\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
--tw-leading: 1em;
|
||||
line-height: 1em;
|
||||
}
|
||||
}
|
||||
.after\:font-\[2em\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
--tw-font-weight: 2em;
|
||||
font-weight: 2em;
|
||||
}
|
||||
}
|
||||
.after\:font-\[3em\] {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
--tw-font-weight: 3em;
|
||||
font-weight: 3em;
|
||||
}
|
||||
}
|
||||
.after\:font-bold {
|
||||
&::after {
|
||||
content: var(--tw-content);
|
||||
--tw-font-weight: var(--font-weight-bold);
|
||||
font-weight: var(--font-weight-bold);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\&\#9654\'\] {
|
||||
&::after {
|
||||
--tw-content: '▶';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\&\#9655\'\] {
|
||||
&::after {
|
||||
--tw-content: '▷';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\&\#9656\'\] {
|
||||
&::after {
|
||||
--tw-content: '▸';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\&\#x25B6\'\] {
|
||||
&::after {
|
||||
--tw-content: '▶';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\+\'\] {
|
||||
&::after {
|
||||
--tw-content: '+';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'\>\'\] {
|
||||
&::after {
|
||||
--tw-content: '>';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\'▷\'\] {
|
||||
&::after {
|
||||
--tw-content: '▷';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.after\:content-\[\>\] {
|
||||
&::after {
|
||||
--tw-content: >;
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
.group-open\:after\:content-\[\'\+\'\] {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
&::after {
|
||||
--tw-content: '+';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
}
|
||||
.group-open\:after\:content-\[\'-\'\] {
|
||||
&:is(:where(.group):is([open], :popover-open, :open) *) {
|
||||
&::after {
|
||||
--tw-content: '-';
|
||||
content: var(--tw-content);
|
||||
}
|
||||
}
|
||||
}
|
||||
.open\:bg-background {
|
||||
&:is([open], :popover-open, :open) {
|
||||
background-color: var(--background);
|
||||
}
|
||||
}
|
||||
.hover\:scale-110 {
|
||||
&:hover {
|
||||
@media (hover: hover) {
|
||||
@@ -558,6 +864,11 @@
|
||||
filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
|
||||
}
|
||||
}
|
||||
.\[open\]\:bg-background {
|
||||
&:is(open) {
|
||||
background-color: var(--background);
|
||||
}
|
||||
}
|
||||
}
|
||||
@layer base {
|
||||
select {
|
||||
@@ -947,6 +1258,15 @@
|
||||
inherits: false;
|
||||
initial-value: 1;
|
||||
}
|
||||
@property --tw-content {
|
||||
syntax: "*";
|
||||
initial-value: "";
|
||||
inherits: false;
|
||||
}
|
||||
@property --tw-leading {
|
||||
syntax: "*";
|
||||
inherits: false;
|
||||
}
|
||||
@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 {
|
||||
@@ -968,6 +1288,8 @@
|
||||
--tw-scale-x: 1;
|
||||
--tw-scale-y: 1;
|
||||
--tw-scale-z: 1;
|
||||
--tw-content: "";
|
||||
--tw-leading: initial;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user