);
}
diff --git a/frontend/src/components/UploadFileWrapper.jsx b/frontend/src/components/UploadFileWrapper.jsx
index 70786cf..18edc4d 100644
--- a/frontend/src/components/UploadFileWrapper.jsx
+++ b/frontend/src/components/UploadFileWrapper.jsx
@@ -1,23 +1,27 @@
import React from "react";
import UploadFileForm from "./UploadFileForm";
-
function UploadFileWrapper({ handleFileUpload, healthData }) {
- return (
-
-
+ return (
+
+
+
+
+ 
+
{healthData ? (
- Result:
+ Result:
{healthData?.isTumorPresent
- ? " Brain tumor present"
- : " No brain tumor"}
+ ? " Tumor present"
+ : " No tumor present"}
) : null}
- );
- }
+
+ );
+}
-export default UploadFileWrapper;
\ No newline at end of file
+export default UploadFileWrapper;
diff --git a/frontend/src/components/css/BrainImage.css b/frontend/src/components/css/BrainImage.css
deleted file mode 100644
index d854f60..0000000
--- a/frontend/src/components/css/BrainImage.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.cardBrain {
- display: block;
- transition: 0.3s;
-}
-
-img {
- width: 30%;
- height: auto;
- border-radius: 5px 5px 0 0;
-}
\ No newline at end of file
diff --git a/frontend/src/components/css/Footer.css b/frontend/src/components/css/Footer.css
deleted file mode 100644
index eb7df47..0000000
--- a/frontend/src/components/css/Footer.css
+++ /dev/null
@@ -1,37 +0,0 @@
-a {
- font-weight: 500;
- color: #646cff;
- text-decoration: inherit;
- }
-a:hover {
- color: #535bf2;
-}
-
-.footer {
- display: block;
- position: fixed;
- bottom: 0;
- left: 0;
- align-items: center;
- padding: 0.2% 2%;
- background: #b6aab2;
- color: #000000;
- animation: slide-up 1s ease-in-out;
- z-index: 9999; /* Ensure the footer is on top of other elements */
-}
-
-@keyframes slide-up {
- 0% {
- transform: translateY(100%);
- }
- 100% {
- transform: translateY(0);
- }
-}
-
-/* Add media query for iPhone */
-@media only screen and (max-width: 480px) {
- .footer {
- position: relative; /* Change position to relative to avoid overlap */
- }
-}
diff --git a/frontend/src/components/css/HealthRecommendations.css b/frontend/src/components/css/HealthRecommendations.css
deleted file mode 100644
index e3e61f8..0000000
--- a/frontend/src/components/css/HealthRecommendations.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.llm-card {
- color: aliceblue;
-}
\ No newline at end of file
diff --git a/frontend/src/components/css/UploadFileForm.css b/frontend/src/components/css/UploadFileForm.css
deleted file mode 100644
index 790afef..0000000
--- a/frontend/src/components/css/UploadFileForm.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.card {
- display: block;
- margin: 5px;
- background: #1d191a;
- border-radius: 8px;
- padding: 2em;
- /* min-height: 20em; */
-}
-
-input[type="file"] {
- display: none;
- }
-
-.customBtnUploadFiles {
- background-color: #B0228C;
- border-radius: 8px;
- color: white;
- padding: 10px 30px;
- text-align: center;
- display: grid;
- font-size: 20px;
- font-weight: bold;
- margin: 4px 2px;
- cursor: pointer;
-}
-
-.submitBtn {
- border-width: 0;
- display: block;
- margin-top: 1.5em;
- margin-left: auto;
- margin-right: 0;
-}
-
diff --git a/frontend/src/index.css b/frontend/src/index.css
index ebf3367..b5c61c9 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,15 +1,3 @@
-:root {
- display: block;
- max-width: 1920px;
- height: 94%;
- margin: 0 auto;
- padding: 1rem;
- font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
- line-height: 1.5;
- font-weight: 400;
- color: rgba(255, 255, 255, 0.87);
- /* background: #000000; */
- background-image: linear-gradient(rgba(34, 21, 23, 0.87), rgba(171, 33, 181, 0.724)),
- url('https://images.hdqwalls.com/download/geometry-cyberspace-abstract-5k-mt-1280x720.jpg');
- background-size: cover;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/frontend/src/main.jsx b/frontend/src/main.jsx
index 54b39dd..c990053 100644
--- a/frontend/src/main.jsx
+++ b/frontend/src/main.jsx
@@ -1,10 +1,10 @@
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import App from './App.jsx'
-import './index.css'
+import React from "react";
+import ReactDOM from "react-dom/client";
+import App from "./App.jsx";
+import "./index.css";
-ReactDOM.createRoot(document.getElementById('root')).render(
+ReactDOM.createRoot(document.getElementById("root")).render(
,
-)
+);
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
new file mode 100644
index 0000000..afe47d9
--- /dev/null
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,18 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+ content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
+ theme: {
+ extend: {},
+ },
+ plugins: [require("daisyui")],
+ daisyui: {
+ themes: ["forest"], // false: only light + dark | true: all themes | array: specific themes like this ["light", "dark", "cupcake"]
+ darkTheme: "dark", // name of one of the included themes for dark mode
+ base: true, // applies background color and foreground color for root element by default
+ styled: true, // include daisyUI colors and design decisions for all components
+ utils: true, // adds responsive and modifier utility classes
+ prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
+ logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
+ themeRoot: ":root", // The element that receives theme color CSS variables
+ },
+};
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 5a33944..9cc50ea 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
-})
+});