etc404/thymecrunch
1
0
Fork 0
mirror of https://gitlab.com/etc404/software-engineering-project.git synced 2026-05-10 20:52:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

more explore page edits

Browse Source
This commit is contained in:
kaipher7
2026-04-16 17:09:05 -06:00
parent a7eaddbf5e
commit dfa91947f9
2 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
demo/src/main/resources/static/css/explore.css
+15 -1
View File
@@ -196,9 +196,18 @@ body, html {
justify-content: flex-start; justify-content: flex-start;
align-items: flex-start; align-items: flex-start;
overflow: scroll; overflow: scroll;
scrollbar-color: var(--dusty-red) var(--pale-yellow);
height: 100%; height: 100%;
} }
/* safari and old browsers*/
::-webkit-scrollbar-track {
background: var(--pale-yellow);
}
::-webkit-scrollbar-thumb {
background: var(--dusty-red);
}
/* ========================= /* =========================
Search Bar Search Bar
========================= */ ========================= */
@@ -252,19 +261,24 @@ input[type="search"]::placeholder {
.search-bar label { display: none; } .search-bar label { display: none; }
input[type="search"]::-webkit-search-cancel-button {
filter: invert(1) sepia(1) saturate(2) hue-rotate(3deg);
}
/* ========================= /* =========================
Recipe Cards Layout Recipe Cards Layout
========================= */ ========================= */
.recipe-card { .recipe-card {
margin-top: 35px; margin-top: 35px;
width: 100%; width: 99.5%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 35px; gap: 35px;
justify-content: flex-start; justify-content: flex-start;
flex-direction: row; flex-direction: row;
height: fit-content; height: fit-content;
padding-right: 10px;
} }
a { a {
demo/src/main/resources/static/css/home.css
+10 -1
View File
@@ -195,15 +195,24 @@ body, html {
justify-content: center; justify-content: center;
align-items: flex-start; align-items: flex-start;
overflow: scroll; overflow: scroll;
scrollbar-color: var(--dusty-red) var(--pale-yellow);
height: 100%; height: 100%;
} }
/* safari and old browsers*/
::-webkit-scrollbar-track {
background: var(--pale-yellow);
}
::-webkit-scrollbar-thumb {
background: var(--dusty-red);
}
/* ========================= /* =========================
Recipe Cards Layout Recipe Cards Layout
========================= */ ========================= */
.recipe-card { .recipe-card {
margin-top: 35px; margin-top: 35px;
width: 100%; width: 99%;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: 35px; gap: 35px;