mirror of
https://gitlab.com/etc404/software-engineering-project.git
synced 2026-05-10 20:52:58 +00:00
more explore page edits
This commit is contained in:
@@ -196,9 +196,18 @@ body, html {
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
overflow: scroll;
|
||||
scrollbar-color: var(--dusty-red) var(--pale-yellow);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* safari and old browsers*/
|
||||
::-webkit-scrollbar-track {
|
||||
background: var(--pale-yellow);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--dusty-red);
|
||||
}
|
||||
|
||||
/* =========================
|
||||
Search Bar
|
||||
========================= */
|
||||
@@ -252,19 +261,24 @@ input[type="search"]::placeholder {
|
||||
|
||||
.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-card {
|
||||
margin-top: 35px;
|
||||
width: 100%;
|
||||
width: 99.5%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 35px;
|
||||
justify-content: flex-start;
|
||||
flex-direction: row;
|
||||
height: fit-content;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
|
||||
@@ -195,15 +195,24 @@ body, html {
|
||||
justify-content: center;
|
||||
align-items: flex-start;
|
||||
overflow: scroll;
|
||||
scrollbar-color: var(--dusty-red) var(--pale-yellow);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* safari and old browsers*/
|
||||
::-webkit-scrollbar-track {
|
||||
background: var(--pale-yellow);
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--dusty-red);
|
||||
}
|
||||
|
||||
/* =========================
|
||||
Recipe Cards Layout
|
||||
========================= */
|
||||
.recipe-card {
|
||||
margin-top: 35px;
|
||||
width: 100%;
|
||||
width: 99%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 35px;
|
||||
|
||||
Reference in New Issue
Block a user