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

style

Browse Source
This commit is contained in:
KS Jannette
2026-02-11 20:21:18 -05:00
parent 8bffc10209
commit d663ccc55d
3 changed files with 32 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/index.html
View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&icon_names=recenter" />
<title>kohngrüti app</title> <title>kohngrüti app</title>
</head> </head>
<body> <body>

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

@@ -5,11 +5,11 @@ const Home = () => {
return ( return (
<div> <div>
<div className="main-head-box"> <div className="main-head-box">
<div> <div className="main-head-subbox-left">
<h1 className="mainHead">kohngrüti</h1> <h1 className="main-head">kohngrüti</h1>
</div> </div>
<div> <div className="main-head-subbox-right">
<span className="material-symbols-outlined">recenter</span>
</div> </div>
</div> </div>
<div> <div>

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

@@ -5,12 +5,37 @@
display: flex; display: flex;
} }
.mainHead { .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; font-size: 5rem;
color: #6dd6f4; color: #6dd6f4;
margin: 2px 0px 24px 24px; margin: 2px 0px 24px 22px;
font-family: "Sulphur Point", sans-serif; font-family: "Sulphur Point", sans-serif;
font-weight: 500; font-weight: 500;
letter-spacing: 3px; letter-spacing: 3px;
text-decoration: underline; text-decoration: underline;
} }
.material-symbols-outlined {
margin: 14px 64px 0px 0px;
font-size: 82px;
color: #6dd6f4;
font-variation-settings:
'FILL' 0,
'wght' 300,
'GRAD' 0,
'opsz' 24
}