mirror of
https://github.com/abrendan/NochuSearch.git
synced 2025-08-24 21:50:35 +02:00
added a image search feature
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
|
Reference in New Issue
Block a user