random-mirrors/based.cooking
1
0
Fork 0
mirror of https://github.com/LukeSmithxyz/based.cooking.git synced 2026-01-21 02:13:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added random recipe button (#325)

Browse Source
This commit is contained in:
M4x1m3
2023-02-20 22:54:35 +01:00
parent 2d8642ec41
commit f627fee917
2 changed files with 38 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
static/style.css
View File

@@ -146,12 +146,19 @@ input#search {
width: 100%;
}
.search {
.search-container {
width: 400px;
max-width: 85vw;
position: relative;
margin: 0.5rem auto 1.2rem;
display: flex;
gap: .5rem;
}
.search {
position: relative;
display: flex;
flex-grow: 1;
}
button#clear-search {
@@ -169,6 +176,20 @@ button#clear-search:hover {
color: #eee;
}
button#random {
all: unset;
background: #222;
color: #888;
border-radius: 5px;
padding: .7rem 1rem;
height: 100%;
cursor: pointer;
transition: color 180ms ease-in-out;
}
button#random:hover {
color: #eee;
}
.matched-recipe {
font-size: x-large ;