github/open-resume
1
Fork 0
mirror of https://github.com/xitanggg/open-resume synced 2024-11-03 09:19:21 +01:00
Code Releases Activity

Revert some changes and give scrollbar-thumb a default color

Browse Source
This commit is contained in:
Xitang 2024-10-29 00:17:23 -07:00 committed by Xitang Zhao
parent c6c5302e61
commit 1699cddea0
2 changed files with 9 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/app/components/ResumeForm/index.tsx
View File

@ -1,4 +1,5 @@
"use client";
import { useState } from "react";
import {
useAppSelector,
useSaveStateToLocalStorageOnChange,
@ -28,17 +29,17 @@ export const ResumeForm = () => {
useSaveStateToLocalStorageOnChange();
const formsOrder = useAppSelector(selectFormsOrder);
const [isHover, setIsHover] = useState(false);
return (
<div
className={cx(
"flex justify-center md:h-[calc(100vh-var(--top-nav-bar-height))] md:justify-end md:overflow-y-scroll",
"scrollbar-thumb-gray-200",
<div
className={cx(
"flex justify-center scrollbar-thin scrollbar-track-gray-100 scrollbar-thumb-gray-100 md:h-[calc(100vh-var(--top-nav-bar-height))] md:justify-end md:overflow-y-scroll",
isHover && "!scrollbar-thumb-gray-200"
)}
onMouseOver={() => setIsHover(true)}
onMouseLeave={() => setIsHover(false)}
>
<div className="hidden md:block absolute top-0 bottom-0 right-0 w-3 bg-gray-100">
</div>
<section className="flex max-w-2xl flex-col gap-8 p-[var(--resume-padding)]">
<ProfileForm />
{formsOrder.map((form) => {

2
src/app/resume-builder/page.tsx
View File

@ -9,7 +9,7 @@ export default function Create() {
<Provider store={store}>
<main className="relative h-full w-full overflow-hidden bg-gray-50">
<div className="grid grid-cols-3 md:grid-cols-6">
<div className="col-span-3 relative">
<div className="col-span-3">
<ResumeForm />
</div>
<div className="col-span-3">