aboutsummaryrefslogtreecommitdiff
path: root/src/site
diff options
context:
space:
mode:
Diffstat (limited to 'src/site')
-rw-r--r--src/site/assets/styles/dropzone.scss150
-rw-r--r--src/site/assets/styles/style.scss5
-rw-r--r--src/site/components/album/AlbumDetails.vue6
-rw-r--r--src/site/components/album/AlbumEntry.vue8
-rw-r--r--src/site/components/grid/Grid.vue4
-rw-r--r--src/site/components/home/links/Links.vue1
-rw-r--r--src/site/pages/dashboard/admin/users.vue14
-rw-r--r--src/site/pages/dashboard/tags/index.vue14
8 files changed, 11 insertions, 191 deletions
diff --git a/src/site/assets/styles/dropzone.scss b/src/site/assets/styles/dropzone.scss
index 91e0fc1..e3f9539 100644
--- a/src/site/assets/styles/dropzone.scss
+++ b/src/site/assets/styles/dropzone.scss
@@ -6,204 +6,108 @@
@-webkit-keyframes passing-through {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
- -webkit-transform: translateY(-40px);
- -moz-transform: translateY(-40px);
- -ms-transform: translateY(-40px);
- -o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-moz-keyframes passing-through {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
- -webkit-transform: translateY(-40px);
- -moz-transform: translateY(-40px);
- -ms-transform: translateY(-40px);
- -o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@keyframes passing-through {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30%,
70% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
100% {
opacity: 0;
- -webkit-transform: translateY(-40px);
- -moz-transform: translateY(-40px);
- -ms-transform: translateY(-40px);
- -o-transform: translateY(-40px);
transform: translateY(-40px);
}
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
}
@keyframes slide-in {
0% {
opacity: 0;
- -webkit-transform: translateY(40px);
- -moz-transform: translateY(40px);
- -ms-transform: translateY(40px);
- -o-transform: translateY(40px);
transform: translateY(40px);
}
30% {
opacity: 1;
- -webkit-transform: translateY(0px);
- -moz-transform: translateY(0px);
- -ms-transform: translateY(0px);
- -o-transform: translateY(0px);
transform: translateY(0px);
}
}
@-webkit-keyframes pulse {
0% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
10% {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
10% {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
}
@keyframes pulse {
0% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
10% {
- -webkit-transform: scale(1.1);
- -moz-transform: scale(1.1);
- -ms-transform: scale(1.1);
- -o-transform: scale(1.1);
transform: scale(1.1);
}
20% {
- -webkit-transform: scale(1);
- -moz-transform: scale(1);
- -ms-transform: scale(1);
- -o-transform: scale(1);
transform: scale(1);
}
}
@@ -216,9 +120,6 @@
border: 2px solid #2c3340;
background: rgba(0, 0, 0, 0.15);
border-radius: .3em;
- // border: 2px solid rgba(0, 0, 0, 0.3);
- // background: white;
- // padding: 20px 20px;
}
.dropzone.dz-clickable {
cursor: pointer;
@@ -283,10 +184,6 @@
background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details {
- -webkit-transition: opacity 0.2s linear;
- -moz-transition: opacity 0.2s linear;
- -ms-transition: opacity 0.2s linear;
- -o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove {
@@ -358,12 +255,7 @@
}
}
.dropzone .dz-preview:hover .dz-image img {
- -webkit-transform: scale(1.05, 1.05);
- -moz-transform: scale(1.05, 1.05);
- -ms-transform: scale(1.05, 1.05);
- -o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
- -webkit-filter: blur(8px);
filter: blur(8px);
}
.dropzone .dz-preview .dz-image {
@@ -379,18 +271,10 @@
display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark {
- -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
- -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
- -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
- -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark {
opacity: 1;
- -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
- -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
- -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
- -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview .dz-success-mark,
@@ -413,25 +297,13 @@
}
.dropzone .dz-preview.dz-processing .dz-progress {
opacity: 1;
- -webkit-transition: all 0.2s linear;
- -moz-transition: all 0.2s linear;
- -ms-transition: all 0.2s linear;
- -o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.dropzone .dz-preview.dz-complete .dz-progress {
opacity: 0;
- -webkit-transition: opacity 0.4s ease-in;
- -moz-transition: opacity 0.4s ease-in;
- -ms-transition: opacity 0.4s ease-in;
- -o-transition: opacity 0.4s ease-in;
transition: opacity 0.4s ease-in;
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress {
- -webkit-animation: pulse 6s ease infinite;
- -moz-animation: pulse 6s ease infinite;
- -ms-animation: pulse 6s ease infinite;
- -o-animation: pulse 6s ease infinite;
animation: pulse 6s ease infinite;
}
.dropzone .dz-preview .dz-progress {
@@ -443,8 +315,7 @@
width: 80px;
margin-left: -40px;
background: rgba(255, 255, 255, 0.9);
- -webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
border-radius: 8px;
overflow: hidden;
right: 10px;
@@ -462,10 +333,6 @@
left: 0;
bottom: 0;
width: 0;
- -webkit-transition: width 300ms ease-in-out;
- -moz-transition: width 300ms ease-in-out;
- -ms-transition: width 300ms ease-in-out;
- -o-transition: width 300ms ease-in-out;
transition: width 300ms ease-in-out;
}
.dropzone .dz-preview.dz-error .dz-error-message {
@@ -482,10 +349,6 @@
display: block;
display: none;
opacity: 0;
- -webkit-transition: opacity 0.3s ease;
- -moz-transition: opacity 0.3s ease;
- -ms-transition: opacity 0.3s ease;
- -o-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
border-radius: 8px;
font-size: 13px;
@@ -653,13 +516,7 @@
z-index: 50;
right: 5px;
top: 6px;
-
- -webkit-transition: display 0.2s linear;
- -moz-transition: display 0.2s linear;
- -ms-transition: display 0.2s linear;
- -o-transition: display 0.2s linear;
transition: display 0.2s linear;
-
cursor: pointer;
> div {
@@ -700,11 +557,6 @@
height: auto;
left: 60px;
position: absolute;
-
- -webkit-transition: display 0.2s linear;
- -moz-transition: display 0.2s linear;
- -ms-transition: display 0.2s linear;
- -o-transition: display 0.2s linear;
transition: display 0.2s linear;
}
diff --git a/src/site/assets/styles/style.scss b/src/site/assets/styles/style.scss
index 4ad0471..9bbb62d 100644
--- a/src/site/assets/styles/style.scss
+++ b/src/site/assets/styles/style.scss
@@ -280,7 +280,7 @@ table.table {
&::placeholder {
color: $textColor;
}
-}
+}
.lolisafe-input .icon {
color: #323846 !important;
@@ -295,11 +295,8 @@ table.table {
}
.vb > .vb-dragger > .vb-dragger-styler {
- -webkit-backface-visibility: hidden;
backface-visibility: hidden;
- -webkit-transform: rotate3d(0, 0, 0, 0);
transform: rotate3d(0, 0, 0, 0);
- -webkit-transition: background-color 100ms ease-out, margin 100ms ease-out, height 100ms ease-out;
transition: background-color 100ms ease-out, margin 100ms ease-out, height 100ms ease-out;
background-color: $backgroundAccent;
margin: 5px 5px 5px 0;
diff --git a/src/site/components/album/AlbumDetails.vue b/src/site/components/album/AlbumDetails.vue
index f81e257..ef07670 100644
--- a/src/site/components/album/AlbumDetails.vue
+++ b/src/site/components/album/AlbumDetails.vue
@@ -235,8 +235,7 @@ export default {
padding: 2em 0em;
.table-wrapper {
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
}
}
@@ -247,8 +246,7 @@ export default {
.b-table {
.table-wrapper {
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
}
diff --git a/src/site/components/album/AlbumEntry.vue b/src/site/components/album/AlbumEntry.vue
index 18633c4..b8a5cb2 100644
--- a/src/site/components/album/AlbumEntry.vue
+++ b/src/site/components/album/AlbumEntry.vue
@@ -117,11 +117,6 @@ export default {
width: 1em;
z-index: 4;
top: 22px;
-
- -webkit-transition: transform 0.1s linear;
- -moz-transition: transform 0.1s linear;
- -ms-transition: transform 0.1s linear;
- -o-transition: transform 0.1s linear;
transition: transform 0.1s linear;
&.active {
@@ -133,8 +128,7 @@ export default {
div.thumb {
width: 64px;
height: 64px;
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
div.info {
diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue
index 0693c77..0c0ac96 100644
--- a/src/site/components/grid/Grid.vue
+++ b/src/site/components/grid/Grid.vue
@@ -388,10 +388,6 @@ div.preview {
div.actions {
opacity: 0;
- -webkit-transition: opacity 0.1s linear;
- -moz-transition: opacity 0.1s linear;
- -ms-transition: opacity 0.1s linear;
- -o-transition: opacity 0.1s linear;
transition: opacity 0.1s linear;
position: absolute;
top: 0px;
diff --git a/src/site/components/home/links/Links.vue b/src/site/components/home/links/Links.vue
index b20649f..8f82d4b 100644
--- a/src/site/components/home/links/Links.vue
+++ b/src/site/components/home/links/Links.vue
@@ -123,7 +123,6 @@ export default {
&:hover {
box-shadow: 0 3rem 3rem -1.25rem rgba(10,10,10,.1);
- -webkit-transform: translateY(-.5rem);
transform: translateY(-.5rem);
}
}
diff --git a/src/site/pages/dashboard/admin/users.vue b/src/site/pages/dashboard/admin/users.vue
index e52476a..d86bffd 100644
--- a/src/site/pages/dashboard/admin/users.vue
+++ b/src/site/pages/dashboard/admin/users.vue
@@ -164,11 +164,6 @@ export default {
width: 1em;
z-index: 4;
top: 22px;
-
- -webkit-transition: transform 0.1s linear;
- -moz-transition: transform 0.1s linear;
- -ms-transition: transform 0.1s linear;
- -o-transition: transform 0.1s linear;
transition: transform 0.1s linear;
&.active {
@@ -179,8 +174,7 @@ export default {
div.thumb {
width: 64px;
height: 64px;
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
div.info {
@@ -237,8 +231,7 @@ export default {
padding: 2em 0em;
.table-wrapper {
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
}
}
@@ -248,8 +241,7 @@ export default {
.b-table {
.table-wrapper {
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
}
</style>
diff --git a/src/site/pages/dashboard/tags/index.vue b/src/site/pages/dashboard/tags/index.vue
index dca8304..5835b77 100644
--- a/src/site/pages/dashboard/tags/index.vue
+++ b/src/site/pages/dashboard/tags/index.vue
@@ -26,11 +26,6 @@
width: 1em;
z-index: 4;
top: 22px;
-
- -webkit-transition: transform 0.1s linear;
- -moz-transition: transform 0.1s linear;
- -ms-transition: transform 0.1s linear;
- -o-transition: transform 0.1s linear;
transition: transform 0.1s linear;
&.active {
@@ -41,8 +36,7 @@
div.thumb {
width: 64px;
height: 64px;
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
div.info {
@@ -99,8 +93,7 @@
padding: 2em 0em;
.table-wrapper {
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
}
}
@@ -117,8 +110,7 @@
.b-table {
.table-wrapper {
- -webkit-box-shadow: $boxShadowLight;
- box-shadow: $boxShadowLight;
+ box-shadow: $boxShadowLight;
}
}
</style>
generated by cgit v1.2.3 (git 2.25.1) at 2026-05-17 17:09:53 +0000