VnPower/PixivFE
1
0
Fork 0
mirror of https://codeberg.org/VnPower/PixivFE synced 2024-12-06 19:16:23 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix padding

Browse Source
This commit is contained in:
perennial
2024-09-29 22:26:02 +10:00
parent 05910631fa
commit 47f8df10bf
3 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/views/artwork.jet.html
+5 -4
View File
@@ -8,7 +8,7 @@
<!-- Recent works by artist -->
<div class="card mb-4">
<div class="card-header px-4 py-3">
<div class="card-header px-3 py-3">
<div class="d-flex justify-content-between align-items-center">
<a class="text-decoration-none text-light d-flex align-items-center" href="/users/{{ .Illust.User.ID }}">
<img src="{{ .Illust.User.Avatar }}" alt="{{ .Illust.User.Name }}" class="rounded-circle object-fit-cover me-2" style="width: 40px; height: 40px;">
@@ -40,7 +40,7 @@
<!-- mb-5 for spacing between the end of the comments section card and related works -->
<div class="card mb-5">
<div class="card-header px-4 py-3">
<div class="card-header px-3 py-3">
<!-- TODO: clean this logic up -->
{{- if .Illust.Comments == 0 }}
<h2 class="h5 fw-bold p-0 mb-0">0 Comments</h2>
@@ -50,7 +50,8 @@
<h2 class="h5 fw-bold p-0 mb-0">{{ .Illust.Comments }} Comments</h2>
{{- end }}
</div>
<div class="card-body p-4 pb-0">
<!-- The padding disparity with the card-header is intentional -->
<div class="card-body p-4">
{{- if .Illust.CommentDisabled == 1 }}
<p class="mb-4">The creator turned comments off</p>
{{- else if .Illust.Comments == 0 }}
@@ -99,7 +100,7 @@
{{- end }}
<div class="d-flex justify-content-center">
<!-- TODO: figure out how to hide the parent div instead of applying mb-4 to the button itself -->
<button type="button" class="btn btn-outline-primary mb-4" id="load-more-btn">Load more</button>
<button type="button" class="btn btn-outline-primary" id="load-more-btn">Load more</button>
</div>
</div>
{{ end }}
assets/views/index.jet.html
+9 -9
View File
@@ -8,9 +8,9 @@
</div>
<div class="card mb-4">
<div class="card-header px-4 py-3">
<div class="card-header px-3 py-3">
<div class="d-flex justify-content-between align-items-center">
<h2 class="h3 fw-bold mb-0">Today's illustration rankings</h2>
<h2 class="h4 fw-bold mb-0">Today's illustration rankings</h2>
<a href="/ranking?content=all" class="btn btn-sm btn-outline-primary">See more</a>
</div>
</div>
@@ -23,7 +23,7 @@
{{- else }}
<div class="card mb-4">
<div class="card-header px-4 py-3">
<div class="card-header px-3 py-3">
<h2 class="h4 fw-bold mb-0">Filter</h2>
</div>
<div class="card-body p-3">
@@ -35,9 +35,9 @@
</div>
<div class="card mb-4">
<div class="card-header px-4 py-3">
<div class="card-header px-3 py-3">
<div class="d-flex justify-content-between align-items-center">
<h2 class="h3 fw-bold mb-0">Newest works by users you follow</h2>
<h2 class="h4 fw-bold mb-0">Newest works by users you follow</h2>
<a href="/self/followingWorks" class="btn btn-sm btn-outline-primary">See more</a>
</div>
</div>
@@ -49,8 +49,8 @@
</div>
<div class="card mb-4">
<div class="card-header px-4 py-3">
<h2 class="h3 fw-bold mb-0">Recommended works</h2>
<div class="card-header px-3 py-3">
<h2 class="h4 fw-bold mb-0">Recommended works</h2>
</div>
<div class="card-body p-3">
<div class="row row-cols-2 row-cols-md-4 row-cols-lg-6 g-4">
@@ -61,8 +61,8 @@
{{- range .Data.RecommendByTags }}
<div class="card mb-4">
<div class="card-header px-4 py-3">
<h2 class="h3 fw-bold mb-0">Recommended illustrations tagged <a href="/tags/{{.Name}}" class="text-decoration-none">#{{.Name}}</a></h2>
<div class="card-header px-3 py-3">
<h2 class="h4 fw-bold mb-0">Recommended illustrations tagged <a href="/tags/{{.Name}}" class="text-decoration-none">#{{.Name}}</a></h2>
</div>
<div class="card-body p-3">
<div class="row row-cols-2 row-cols-md-4 row-cols-lg-6 g-4">
assets/views/tag.jet.html
+1 -1
View File
@@ -56,7 +56,7 @@
{{- SearchMode := isset(.Queries.smode) ? .Queries.smode : "" }}
<div class="card mb-5">
<div class="card-header px-4 py-3">
<div class="card-header px-3 py-3">
<h3 class="h4 fw-bold p-0 mb-0">Search settings</h3>
</div>
<div class="card-body p-4">