amantahiliani/PeerNotes
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/PeerNotes.git synced 2026-08-07 19:56:19 -04:00
Code Issues Packages Projects Releases Wiki Activity

First Draft of the Search Screen and also logo

Browse Source
This commit is contained in:
Sahej Panag
2024-03-26 15:21:20 -04:00
parent 57e2da94ff
commit dfbd6aa3fb
5 changed files with 102 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
frontend/src/screens/MainScreenWrapper.css Normal file
View File

@@ -0,0 +1,52 @@
html, body {
height: 100%;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
background: #0C2D48;
font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.filter-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
background: #B1D4E0;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* shadow */
}
.filter-item + .filter-item {
margin-top: 20px; /* space between filter items */
}
label {
margin-bottom: 5px;
font-weight: bold;
}
select {
padding: 8px;
border: 1px solid #2E8BC0;
border-radius: 4px;
width: 100%; /* fill the container width */
}
.submit-button {
padding: 8px 16px;
margin-top: 20px; /* Adds space above the button */
background-color: #2E8BC0; /* Example background color */
color: white; /* Text color */
border: none;
border-radius: 4px;
cursor: pointer;
font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.submit-button:hover {
background-color: #1D6A96; /* Darker shade for hover effect */
}