bterkuile/fizzy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

New for you empty state

Browse Source
This commit is contained in:
Jason Zimdars
2025-01-17 15:37:43 -06:00
parent 6b832876a2
commit 00e905dd28
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/assets/stylesheets/utilities.css
+2 -2
View File
@@ -168,8 +168,8 @@
.translucent { opacity: var(--opacity, 0.5); }
/* Borders */
.border { border: var(--border-size, 1px) solid var(--border-color, var(--color-subtle)); }
.border-top { border-top: var(--border-size, 1px) solid var(--border-color, var(--color-subtle)); }
.border { border: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--color-subtle)); }
.border-top { border-top: var(--border-size, 1px) var(--border-style, solid) var(--border-color, var(--color-subtle)); }
.borderless { border: 0; }
/* Border radius */
app/views/notifications/index.html.erb
+8 -4
View File
@@ -18,12 +18,16 @@
</nav>
<% end %>
<% if @unread.any? %>
<section class="panel center borderless unpad flex flex-column gap-half">
<section class="panel center borderless unpad flex flex-column gap-half">
<% if @unread.any? %>
<h2 class="txt-small margin-block-start-double margin-block-end-half txt-uppercase">New for you</h2>
<%= render @unread %>
</section>
<% end %>
<% else %>
<div class="pad border-radius border translucent" style="--border-style: dashed; --border-color: var(--color-ink);">
<strong>Nothing new for you.</strong>
</div>
<% end %>
</section>
<% if @read.any? %>
<section class="notificiations-list--read panel center borderless unpad flex flex-column gap-half margin-block-start-double">