added a image search feature

This commit is contained in:
abrendan
2024-02-15 13:01:52 +00:00
parent a972a4b7a2
commit f36d1c8613
5 changed files with 115 additions and 0 deletions

View File

@@ -107,4 +107,20 @@ body::before {
text-decoration: underline;
}
.image-search-button {
padding: 0.5rem 1rem;
background-color: #000000;
color: #fff;
border: 1px solid #000000;
margin-left: 8px; /* Spacing between buttons */
cursor: pointer;
border-radius: 6px;
font-size: 1rem;
text-align: center;
}
.image-search-button:hover {
background-color: #6e6e6e;
border: 1px solid #8a8a8a;
}

View File

@@ -106,3 +106,30 @@ h1 {
.search-button:hover {
background-color: #8a8a8a; /* Darker shade on hover */
}
.image-results {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.image-item {
width: 200px; /* Adjust width as needed */
margin-bottom: 1rem;
text-align: center;
}
.image-item img {
width: 100%;
height: auto;
border-radius: 8px;
}
.image-title {
margin-top: 0.5rem;
font-size: 0.9rem;
}