vaporvee/web-old
Archived
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fixed doc thumbnail align

Browse Source
This commit is contained in:
Yannik
2024-03-30 15:05:51 +01:00
parent 372b5acb02
commit e5020b267f
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/docs.astro
View File

@@ -18,13 +18,6 @@ const docs = unsortedDocs.sort(
docs.map((doc) => ( docs.map((doc) => (
<div <div
class="second-content" class="second-content"
style={
doc.frontmatter.has_thumbnail
? 'background-image: url("/img/docs/thumbnails/' +
doc.frontmatter.repo +
'.webp")'
: ""
}
> >
<div style="text-align: left;" /> <div style="text-align: left;" />
<a href={doc.url}> <a href={doc.url}>
@@ -39,7 +32,9 @@ const docs = unsortedDocs.sort(
<li>{feature}</li> <li>{feature}</li>
))} ))}
</ul> </ul>
</div> <img class="doc_thumbnail" style={doc.frontmatter.has_thumbnail ? "" : "display:none;"} src={"/img/docs/thumbnails/" + doc.frontmatter.repo + ".webp"} />
</div>
)) ))
} }
</div> </div>

18
src/styles/main.scss
View File

@@ -51,13 +51,19 @@ main {
border-radius: 25px; border-radius: 25px;
border: 1px solid lighten($second-content-clr, 12%); border: 1px solid lighten($second-content-clr, 12%);
min-width: 30vw; min-width: 30vw;
padding: 2vh;
padding-bottom: 32%;
margin-inline: 10vw; margin-inline: 10vw;
margin-bottom: 11vh; p, ul,h1,h2,h3{
background-repeat: no-repeat; padding-inline: 2vw;
background-position: center bottom; }
background-size: 100% auto; }
.doc_thumbnail{
position: relative;
bottom: 0;
left: 0;
margin: -2vh;
width: 150%;
padding-top: 2vh;
border-radius: 0 0 25px 25px;
} }
td { td {