O96u
0d58d38d50
Publish Docker image / build-and-push (push) Canceled after 0s
ci / ci (22, ubuntu-latest) (push) Canceled after 0s
Show app version in admin settings footer and fix mobile upload preferences panel clipping.
92 lines
1.7 KiB
CSS
92 lines
1.7 KiB
CSS
@import "tailwindcss";
|
|
@import "@nuxt/ui";
|
|
|
|
.upload-card-flip {
|
|
perspective: 1200px;
|
|
}
|
|
|
|
.upload-card-flip-inner {
|
|
position: relative;
|
|
transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
|
|
transform-style: preserve-3d;
|
|
}
|
|
|
|
.upload-card-flip.is-flipped .upload-card-flip-inner {
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
.upload-card-face {
|
|
backface-visibility: hidden;
|
|
-webkit-backface-visibility: hidden;
|
|
}
|
|
|
|
.upload-card-face--back {
|
|
position: absolute;
|
|
inset: 0;
|
|
transform: rotateY(180deg);
|
|
}
|
|
|
|
@media (max-width: 639px) {
|
|
.upload-card-flip.is-flipped {
|
|
perspective: none;
|
|
}
|
|
|
|
.upload-card-flip.is-flipped .upload-card-flip-inner {
|
|
transform: none;
|
|
}
|
|
|
|
.upload-card-flip .upload-card-face--back {
|
|
display: none;
|
|
}
|
|
|
|
.upload-card-flip.is-flipped .upload-card-face--front {
|
|
display: none;
|
|
}
|
|
|
|
.upload-card-flip.is-flipped .upload-card-face--back {
|
|
display: block;
|
|
position: static;
|
|
transform: none;
|
|
}
|
|
|
|
.upload-card-flip.is-flipped .upload-card-surface {
|
|
min-height: 0;
|
|
}
|
|
}
|
|
|
|
.upload-card-surface {
|
|
min-height: 20.5rem;
|
|
border-radius: 1rem;
|
|
border-width: 2px;
|
|
border-style: dashed;
|
|
border-color: var(--ui-border);
|
|
background-color: color-mix(in oklab, var(--ui-bg-elevated) 50%, transparent);
|
|
padding: 2.5rem;
|
|
}
|
|
|
|
.upload-card-surface--panel {
|
|
border-style: solid;
|
|
background-color: var(--ui-bg-elevated);
|
|
box-shadow: var(--ui-shadow-sm);
|
|
padding: 0;
|
|
}
|
|
|
|
@media (min-width: 640px) {
|
|
.upload-card-surface {
|
|
min-height: 22rem;
|
|
padding: 3rem;
|
|
}
|
|
|
|
.upload-card-surface--panel {
|
|
padding: 0;
|
|
}
|
|
}
|
|
|
|
.upload-settings-btn .upload-settings-icon {
|
|
transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
|
|
}
|
|
|
|
.upload-settings-btn:hover .upload-settings-icon {
|
|
transform: rotate(90deg);
|
|
}
|