ui

bookpanda · Aug 16, 2024 · 54dda52 · 54dda52
1 parent 3df5819
commit 54dda52
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 8 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -11,6 +11,7 @@
   },
   "dependencies": {
     "axios": "^1.7.3",
+    "clsx": "^2.1.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.2.1",

diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
diff --git a/frontend/src/app/Home.tsx b/frontend/src/app/Home.tsx
@@ -56,7 +56,7 @@ function Home() {
       style={{ backgroundColor: BG_COLOR }}
       className="flex h-screen w-screen items-center justify-center"
     >
-      <div className="flex h-[40vh] w-[60vw] flex-col items-center justify-center rounded-xl bg-white px-8 py-[10vh] drop-shadow-xl md:w-[40vw] xl:w-[30vw] 2xl:w-[20vw]">
+      <div className="flex h-[40vh] w-[80vw] flex-col items-center justify-center rounded-xl bg-white px-8 py-[10vh] drop-shadow-xl md:w-[40vw] xl:w-[30vw] 2xl:w-[20vw]">
         <h1 className="text-4xl font-bold">{SERVICE}</h1>
         {SSOLoginStatus()}
 

diff --git a/frontend/src/components/Button.tsx b/frontend/src/components/Button.tsx
@@ -1,15 +1,20 @@
+import clsx from "clsx";
 import { FC, ReactNode } from "react";
 
 interface ButtonProps {
   children: ReactNode;
+  className?: string;
   onClick: () => void;
 }
 
-export const Button: FC<ButtonProps> = ({ children, onClick }) => {
+export const Button: FC<ButtonProps> = ({ children, className, onClick }) => {
   return (
     <button
       onClick={onClick}
-      className="mt-8 flex w-[80%] items-center justify-center rounded-lg border border-gray-300 py-2 text-lg text-gray-600 duration-300 ease-in-out hover:bg-slate-100"
+      className={clsx(
+        "mt-8 flex w-[80%] items-center justify-center rounded-lg border border-gray-300 py-2 text-lg text-gray-600 duration-300 ease-in-out hover:bg-slate-100",
+        className
+      )}
     >
       {children}
     </button>

diff --git a/sample-service.generated.sln b/sample-service.generated.sln
@@ -3,18 +3,18 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 # Visual Studio Version 17
 VisualStudioVersion = 17.5.002.0
 MinimumVisualStudioVersion = 10.0.40219.1
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "backend", "backend\backend.csproj", "{9E2CAF6B-7B3A-4F17-A932-9966F774237C}"
+Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "backend", "backend\backend.csproj", "{DFA4BBB4-401F-4F9B-90BC-E5D370E66EA4}"
 EndProject
 Global
 	GlobalSection(SolutionConfigurationPlatforms) = preSolution
 		Debug|Any CPU = Debug|Any CPU
 		Release|Any CPU = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(ProjectConfigurationPlatforms) = postSolution
-		{9E2CAF6B-7B3A-4F17-A932-9966F774237C}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{9E2CAF6B-7B3A-4F17-A932-9966F774237C}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{9E2CAF6B-7B3A-4F17-A932-9966F774237C}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{9E2CAF6B-7B3A-4F17-A932-9966F774237C}.Release|Any CPU.Build.0 = Release|Any CPU
+		{DFA4BBB4-401F-4F9B-90BC-E5D370E66EA4}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
+		{DFA4BBB4-401F-4F9B-90BC-E5D370E66EA4}.Debug|Any CPU.Build.0 = Debug|Any CPU
+		{DFA4BBB4-401F-4F9B-90BC-E5D370E66EA4}.Release|Any CPU.ActiveCfg = Release|Any CPU
+		{DFA4BBB4-401F-4F9B-90BC-E5D370E66EA4}.Release|Any CPU.Build.0 = Release|Any CPU
 	EndGlobalSection
 	GlobalSection(SolutionProperties) = preSolution
 		HideSolutionNode = FALSE