archiwum/web
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #7 from gractwo/half-a-million-in-cash

Browse Source 
add jamesen/elephant img, alter indexgallery stylings
This commit is contained in:
Jakub Mańczak
2022-12-22 19:42:06 +01:00
committed by GitHub
parent dd1335cfe0 75791331bc
commit fb71279ca6
2 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
components/IndexGallery/IndexGallery.module.scss
View File

@@ -2,26 +2,29 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; // justify-content: space-between;
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
gap: 1.5rem; gap: 2rem;
.galleryimg { .galleryimg {
--mheight: 18rem; --mheight: 18rem;
position: relative; position: relative;
display: block;
margin: 0; margin: 0;
padding: 0; padding: 0;
max-height: var(--mheight); max-height: var(--mheight);
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
text-decoration: none; text-decoration: none;
max-height: none;
text-align: center;
} }
img { img {
max-height: var(--mheight); max-height: var(--mheight);
border-radius: 8px; border-radius: 8px;
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
max-width: 250px; max-width: 280px;
} }
} }
article { article {
@@ -32,19 +35,18 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: space-between;
padding: 0.25rem 0.5rem; padding: 0.25rem 0.5rem;
border-radius: 8px; border-radius: 8px;
border-top-left-radius: 0; border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
transition-duration: 100ms; transition-duration: 100ms;
opacity: 0; opacity: 0;
p {
margin-bottom: 4px;
}
@media screen and (max-width: 800px) { @media screen and (max-width: 800px) {
display: block; display: block;
position: unset; position: relative;
background: unset; background: unset;
color: var(--white0); color: var(--white0);
padding: 0; padding: 0;

6
data/gallery.json
View File

@@ -17,6 +17,12 @@
"meta": "Poznań, 11.2022", "meta": "Poznań, 11.2022",
"link": "https://media.discordapp.net/attachments/434626765768491008/1052985575642239017/Pamiec_wody_o_jabku.jpg" "link": "https://media.discordapp.net/attachments/434626765768491008/1052985575642239017/Pamiec_wody_o_jabku.jpg"
}, },
{
"title": "OP pojawił się za jamesenem",
"description": "Poprzez całkowity przypadek BeElephant pojawia się za jamesenem w tramwaju.",
"meta": "Poznań, 15.11.2022",
"link": "https://media.discordapp.net/attachments/719166032714924045/1055549275825766471/20221115_183021.jpg"
},
{ {
"title": "Ceremonia przekazania skarpety", "title": "Ceremonia przekazania skarpety",
"description": "Ceremonialne pzekazanie Skarpety Stachowiaka jej prawowitemu właścicielowi w trzech aktach", "description": "Ceremonialne pzekazanie Skarpety Stachowiaka jej prawowitemu właścicielowi w trzech aktach",