kjannette/kongruity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

format

Browse Source
This commit is contained in:
KS Jannette
2026-02-13 16:43:00 -05:00
parent 091315c188
commit 61835ae3aa
6 changed files with 81 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/components/button.tsx
View File

@@ -8,9 +8,9 @@ type ButtonProps = {
const Button = ({ onClick, isLoading, label }: ButtonProps) => {
return (
<button className="primaryButton" onClick={onClick} disabled={isLoading}>
{isLoading ? 'Working...' : label}
</button>
<button className="primaryButton" onClick={onClick} disabled={isLoading}>
{isLoading ? 'Working...' : label}
</button>
);
};

20
frontend/src/components/navbar.tsx
View File

@@ -1,14 +1,14 @@
const Navbar = () => {
return (
<div className="main-head-box">
<div className="main-head-subbox-left">
<h1 className="main-head">kongruity</h1>
</div>
<div className="main-head-subbox-right">
<span className="material-symbols-outlined">recenter</span>
</div>
return (
<div className="main-head-box">
<div className="main-head-subbox-left">
<h1 className="main-head">kongruity</h1>
</div>
)
<div className="main-head-subbox-right">
<span className="material-symbols-outlined">recenter</span>
</div>
</div>
)
}
export default Navbar;
export default Navbar;

1
frontend/src/components/stickies.tsx
View File

@@ -7,7 +7,6 @@ import '../styles/stickies.css';
const Stickies = () => {
const { data: stickies, isLoading, error } = useGetStickies();
const { mutate: cluster, data: clusters, isPending } = useClusterStickies();
console.log('data, error', stickies, error)
if (isLoading) return <div>Loading...</div>;
if (error) return <div>Error: {error.message}</div>;

18
frontend/src/pages/Home.tsx
View File

@@ -3,16 +3,12 @@ import Navbar from '../components/navbar'
import '../styles/home.css'
const Home = () => {
return (
<div>
<Navbar />
<Stickies />
</div>
);
return (
<div>
<Navbar />
<Stickies />
</div>
);
};
export default Home;
export default Home;

115
frontend/src/styles/home.css
View File

@@ -1,74 +1,73 @@
.main-head-box {
border-radius: 8px;
border: 1px solid #6dd6f4;
background-color: rgb(92, 0, 91);
display: flex;
}
border-radius: 8px;
border: 1px solid #6dd6f4;
background-color: rgb(92, 0, 91);
display: flex;
}
.main-head-subbox-right {
display: flex;
justify-content: flex-end;
margin-right: 34px;
width: 50%;
}
.main-head-subbox-left {
display: flex;
justify-content: flex-start;
margin-left: 34px;
width: 50%;
}
.main-head {
font-size: 5rem;
color: #6dd6f4;
margin: 6px 0px 24px 22px;
font-family: "Sulphur Point", sans-serif;
font-weight: 500;
letter-spacing: 4px;
text-decoration: underline;
}
.material-symbols-outlined {
margin: 13px 74px 0px 0px;
font-size: 82px;
color: #6dd6f4;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24;
}
@media screen and (max-width: 478px) {
.main-head-subbox-right {
display: flex;
justify-content: flex-end;
margin-right: 34px;
width: 50%;
display: none;
}
.main-head-subbox-left {
display: flex;
justify-content: flex-start;
margin-left: 34px;
width: 50%;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.main-head {
font-size: 5rem;
font-size: 4rem;
color: #6dd6f4;
margin: 6px 0px 24px 22px;
font-family: "Sulphur Point", sans-serif;
font-weight: 500;
letter-spacing: 4px;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-weight: 400;
letter-spacing: 2px;
text-decoration: underline;
}
.material-symbols-outlined {
margin: 13px 74px 0px 0px;
font-size: 82px;
color: #6dd6f4;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24
display: none !important;
}
@media screen and (max-width: 478px) {
.main-head-subbox-right {
display: none;
}
.main-head-subbox-left {
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.main-head {
font-size: 4rem;
color: #6dd6f4;
font-family: "Sulphur Point", sans-serif;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
font-weight: 400;
letter-spacing: 2px;
text-decoration: underline;
}
.material-symbols-outlined {
display: none !important;
}
}
}