Add dedicated class for empty placeholders (#27788) (#27792)

Backport #27788 by @silverwind

Fixes: https://github.com/go-gitea/gitea/issues/27784

<img width="1033" alt="Screenshot 2023-10-25 at 19 07 15"
src="https://github.com/go-gitea/gitea/assets/115237/1a363851-1a86-48cb-99ec-0a573371bb6e">
<img width="1051" alt="Screenshot 2023-10-25 at 19 07 41"
src="https://github.com/go-gitea/gitea/assets/115237/add4b606-2264-430a-af35-249ef005817f">

Co-authored-by: silverwind <me@silverwind.io>
Co-authored-by: KN4CK3R <admin@oldschoolhack.me>
This commit is contained in:
Giteabot 2023-10-26 15:26:05 +08:00 committed by GitHub
parent 25acbfed36
commit 487c573c28
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 6 deletions

View file

@ -38,7 +38,7 @@
</div> </div>
{{else}} {{else}}
{{if not .HasPackages}} {{if not .HasPackages}}
<div class="empty center"> <div class="empty-placeholder">
{{svg "octicon-package" 48}} {{svg "octicon-package" 48}}
<h2>{{ctx.Locale.Tr "packages.empty"}}</h2> <h2>{{ctx.Locale.Tr "packages.empty"}}</h2>
{{if and .Repository .CanWritePackages}} {{if and .Repository .CanWritePackages}}

View file

@ -1,6 +1,6 @@
<div class="flex-list"> <div class="flex-list">
{{if eq (len .Runs) 0}} {{if eq (len .Runs) 0}}
<div class="empty center"> <div class="empty-placeholder">
{{svg "octicon-no-entry" 48}} {{svg "octicon-no-entry" 48}}
<h2>{{if $.IsFiltered}}{{ctx.Locale.Tr "actions.runs.no_results"}}{{else}}{{ctx.Locale.Tr "actions.runs.no_runs"}}{{end}}</h2> <h2>{{if $.IsFiltered}}{{ctx.Locale.Tr "actions.runs.no_results"}}{{else}}{{ctx.Locale.Tr "actions.runs.no_runs"}}{{end}}</h2>
</div> </div>

View file

@ -1798,10 +1798,12 @@
flex: 1 flex: 1
} }
.repository.packages .empty, .empty-placeholder {
.repository.actions .empty { display: flex;
padding-top: 70px; flex-direction: column;
padding-bottom: 100px; align-items: center;
padding-top: 40px;
padding-bottom: 40px;
} }
.repository.packages .file-size { .repository.packages .file-size {