From c450ac3075d2914298461145216b6ee2cad4728c Mon Sep 17 00:00:00 2001
From: kriastans <kriastans@protonmail.com>
Date: Wed, 1 May 2024 21:41:07 +0800
Subject: [PATCH] =?UTF-8?q?[feature]=E5=95=9F=E7=94=A8GPU=20Transform?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/styles/index.css | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/styles/index.css b/src/renderer/src/styles/index.css
index 56eae00..18fb864 100644
--- a/src/renderer/src/styles/index.css
+++ b/src/renderer/src/styles/index.css
@@ -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 {