Browse Source

Mimic pinterest image view on search page

Andrei Neacsu 1 year ago
parent
commit
51c825d415
1 changed files with 7 additions and 11 deletions
  1. 7 11
      misc/style-dark.css

+ 7 - 11
misc/style-dark.css

@@ -148,23 +148,19 @@ button {
   height: 100%;
   width: 100%;
   object-fit: cover;
+  border-radius:  0.2rem;
 }
 
 .img-container{
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  grid-gap: 10px;
-  margin-bottom: 50px;
-  margin-left: 20px;
-  margin-right: 20px;
-
+  column-count: auto;
+  column-width: 14rem;
+  column-gap: 0.5rem;
+  padding: 1rem;
 }
 
 .img-result {
-  flex-grow: 1;
-  height: 12rem;
+  margin-bottom: 0.5rem;
+  display: block;
 }
 
 /* search css end */