[feature]啟用GPU Transform

This commit is contained in:
Dubi906w 2024-05-01 21:41:07 +08:00
parent 004fab2842
commit c450ac3075

View File

@ -42,7 +42,7 @@
transition-duration: 200ms;
transition-property: max-height;
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
@apply "rounded-md shadow-md ring-1 ring-inset ring-zinc-700";
@apply "transform-gpu rounded-md shadow-md ring-1 ring-inset ring-zinc-700";
}
.main-toolbar-container[data-mode="default"]>div {
@ -71,7 +71,7 @@
transition-duration: 200ms;
transition-property: padding-bottom;
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
@apply "h-9 w-fit px-1";
@apply "h-9 w-fit px-1 transform-gpu";
}
.main-toolbar-container[data-mode="default"] .absolute-toolbar-space .toolbar-buttons {
@apply "pb-0";
@ -129,7 +129,7 @@
transition-duration: 200ms;
transition-property: width;
transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
@apply "bg-zinc-500 rounded-full";
@apply "bg-zinc-500 rounded-full transform-gpu";
}
.drawer-open-button-state {
@apply "h-8 w-8 bg-blue-500/50 rounded-md flex items-center justify-center";
@ -230,7 +230,7 @@
transition-duration: 200ms;
transition-property: max-height;
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
@apply "h-9 rounded-md shadow-md ring-1 ring-inset ring-zinc-700";
@apply "transform-gpu h-9 rounded-md shadow-md ring-1 ring-inset ring-zinc-700";
}
.absolute-bottom-sidebar-space {
position: absolute;
@ -252,7 +252,7 @@
transition-duration: 200ms;
transition-property: padding-bottom;
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
@apply "h-9 w-fit px-1";
@apply "h-9 w-fit px-1 transform-gpu";
}
/*Pagination Indicator*/
@ -280,7 +280,7 @@
transition-property: all;
z-index: 0;
transition-timing-function: cubic-bezier(0.85, 0, 0.15, 1); !important;
@apply "duration-100 scale-75 opacity-0";
@apply "duration-100 scale-75 opacity-0 transform-gpu";
}
.toolbar-item>img.icon-solid , .toolbar-item img.icon-solid {
display: none;
@ -351,7 +351,7 @@
transition-duration: 200ms;
transition-property: padding-bottom;
transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
@apply "w-9 h-fit py-1";
@apply "w-9 h-fit py-1 transform-gpu";
}
.absolute-screen-sidebar-space .toolbar-item {