From c9b73653d3e291449e268dfba03285b9a79db317 Mon Sep 17 00:00:00 2001 From: taichan03 Date: Thu, 15 Feb 2024 08:44:24 -0500 Subject: [PATCH 01/15] CSS changes. updated the header and made it work for most screen sizes --- frontend/.env | 2 +- frontend/index.html | 49 ++++++++-------- frontend/src/components/Footer/Footer.tsx | 2 +- frontend/src/components/Footer/footer.css | 2 +- frontend/src/components/Header/Chat.tsx | 4 +- frontend/src/components/Header/Header.tsx | 57 +++++++++---------- .../components/Header/LoginMenuDropDown.tsx | 10 ++-- frontend/src/components/Header/MdNavBar.tsx | 6 +- frontend/tailwind.config.js | 1 + server/api/migrations/0001_initial.py | 39 ++++++++----- 10 files changed, 88 insertions(+), 84 deletions(-) diff --git a/frontend/.env b/frontend/.env index b53dc6b9..0b10c024 100644 --- a/frontend/.env +++ b/frontend/.env @@ -1 +1 @@ -VITE_API_BASE_URL=http://localhost:8000 \ No newline at end of file +VITE_API_BASE_URL=https://balancertestsite.com/ \ No newline at end of file diff --git a/frontend/index.html b/frontend/index.html index 423e85cd..fba32ef5 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -1,27 +1,26 @@ - - - - - - - - - - Balancer - A Tool To Assist - - -
- - - + + + + + + + + + + + + + + Balancer - A Tool To Assist + + + +
+ + + + \ No newline at end of file diff --git a/frontend/src/components/Footer/Footer.tsx b/frontend/src/components/Footer/Footer.tsx index 83c6bc79..72c2218d 100644 --- a/frontend/src/components/Footer/Footer.tsx +++ b/frontend/src/components/Footer/Footer.tsx @@ -38,7 +38,7 @@ function Footer() { diff --git a/frontend/src/components/Footer/footer.css b/frontend/src/components/Footer/footer.css index 1e8f55dc..240822fc 100644 --- a/frontend/src/components/Footer/footer.css +++ b/frontend/src/components/Footer/footer.css @@ -16,7 +16,7 @@ } .footer-form input { -width: 150px; +width: 130px; } diff --git a/frontend/src/components/Header/Chat.tsx b/frontend/src/components/Header/Chat.tsx index 568c67d2..da28db66 100644 --- a/frontend/src/components/Header/Chat.tsx +++ b/frontend/src/components/Header/Chat.tsx @@ -2,9 +2,7 @@ import React from "react"; // import { Link } from "react-router-dom"; import "../../components/Header/chat.css"; import { useState, useEffect, useRef } from "react"; - -import axios from "axios"; - +import axios from "axios" import TypingAnimation from "./components/TypingAnimation.tsx"; import chatBubble from "../../assets/chatbubble.svg"; import { extractContentFromDOM } from "../../services/domExtraction.tsx"; diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx index 3cb15d82..3a7b567b 100644 --- a/frontend/src/components/Header/Header.tsx +++ b/frontend/src/components/Header/Header.tsx @@ -32,10 +32,7 @@ const Header = (props: LoginFormProps) => { }; const guestLinks = () => ( -