diff options
| author | Maze Winther <mazewinther@gmail.com> | 2025-08-05 15:20:42 +0200 |
|---|---|---|
| committer | Maze Winther <mazewinther@gmail.com> | 2025-08-05 15:20:42 +0200 |
| commit | e724a086841c2212c7249b25fd4626d870f57ced (patch) | |
| tree | 0cc4e597c98cc22acc29684420f4e57bf0708357 /apps/web/src | |
| parent | 43c8b59c800ae1201fa769fb2dd930e348dd94ba (diff) | |
| download | opencut-e724a086841c2212c7249b25fd4626d870f57ced.tar.gz | |
style: complete export button ui
Diffstat (limited to 'apps/web/src')
| -rw-r--r-- | apps/web/src/components/editor-header.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/apps/web/src/components/editor-header.tsx b/apps/web/src/components/editor-header.tsx index f68d145b..e6e26ce9 100644 --- a/apps/web/src/components/editor-header.tsx +++ b/apps/web/src/components/editor-header.tsx @@ -178,11 +178,11 @@ function ExportButton() { className="flex items-center gap-1.5 bg-[#38BDF8] text-white rounded-md px-[0.1rem] py-[0.1rem] cursor-pointer hover:brightness-95 transition-all duration-200" onClick={handleExport} > - <div className="flex items-center gap-1.5 bg-linear-270 from-[#37B6F7] to-[#2567EC] rounded-[0.8rem] px-4 py-1 relative shadow-[0_1px_3px_0px_rgba(0,0,0,0.45)]"> + <div className="flex items-center gap-1.5 bg-linear-270 from-[#2567EC] to-[#37B6F7] rounded-[0.8rem] px-4 py-1 relative shadow-[0_1px_3px_0px_rgba(0,0,0,0.45)]"> <TransitionUpIcon className="z-50" /> <span className="text-[0.875rem] z-50">Export</span> - <div className="absolute w-full h-full left-0 top-0 bg-linear-to-t from-white/0 to-white/50 z-10 rounded-[0.8rem] flex items-center justify-center"> - <div className="absolute w-[calc(100%-4px)] h-[calc(100%-4px)] top-0.5 bg-linear-270 from-[#37B6F7] to-[#2567EC] z-50 rounded-lg"></div> + <div className="absolute w-full h-full left-0 top-0 bg-linear-to-t from-white/0 to-white/65 z-10 rounded-[0.8rem] flex items-center justify-center"> + <div className="absolute w-[calc(100%-4px)] h-[calc(100%-4px)] top-[0.12rem] bg-linear-270 from-[#2567EC] to-[#37B6F7] z-50 rounded-lg"></div> </div> </div> </button> |