js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 20:19:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

fixups

Browse Source
This commit is contained in:
Frances Botsford
2024-01-31 15:50:05 -05:00
parent 615a8b2e6f
commit 769fefafcd
7 changed files with 13 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
docs/assets/images/kitchen-sink/avatar-chad.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
docs/assets/images/kitchen-sink/avatar-char.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

BIN
docs/assets/images/kitchen-sink/avatar-dara.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
docs/assets/images/kitchen-sink/avatar-debbie.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

0
docs/assets/images/kitchen-sink/lindsay.png → docs/assets/images/kitchen-sink/avatar-lindsay.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.6 KiB

19
docs/pages/experimental/kitchen-sink.md
View File

@@ -1215,7 +1215,7 @@ toc: false
}
.support-table td {
padding: var(--wa-space-l);
padding: var(--wa-space-m) var(--wa-space-l);
}
.support-table .desc {
@@ -1399,7 +1399,7 @@ toc: false
<div class="post-meta">
<div class="authors">
<a href="">
<wa-avatar image="/assets/images/kitchen-sink/lindsay.png" label="Lindsay Miller"> </wa-avatar>
<wa-avatar image="/assets/images/kitchen-sink/avatar-lindsay.png" label="Lindsay Miller"> </wa-avatar>
Lindsay Miller
</a>
</div>
@@ -1598,7 +1598,7 @@ toc: false
<td><wa-checkbox size="large" style="padding-left: var(--wa-space-s)"><wa-visually-hidden>Completed</wa-visually-hidden></wa-checkbox></td>
<td>Keanu Reeves</td>
<td class="desc"><span style="font-weight: bold">Am I dead?</span><br><span class="excerpt">Okey dokey... free my mind. Right, no problem, free my mind, free my mind, no problem, right...</span></td>
<td><wa-avatar initials="CS" label="Avatar with initials: CS" style="margin-right: var(--wa-space-xs)"></wa-avatar> Chad Stahelski</td>
<td><wa-avatar image="/assets/images/kitchen-sink/avatar-chad.png" label="Chad" style="margin-right: var(--wa-space-xs)"></wa-avatar> Chad Stahelski</td>
<td style="text-align: center;"><wa-tag variant="warning" size="small">Pending</wa-tag></td>
<td>
<wa-dropdown>
@@ -1628,7 +1628,7 @@ toc: false
<td><wa-checkbox size="large" style="padding-left: var(--wa-space-s)"><wa-visually-hidden>Completed</wa-visually-hidden></wa-checkbox></td>
<td>Lawrence Fishburne</td>
<td class="desc"><span style="font-weight: bold">We have a rule</span><br><span class="excerpt">We never free a mind once it's reached a certain age. It's dangerous, the mind has trouble letting go.</span></td>
<td><wa-avatar initials="CM" label="Avatar with initials: CM" style="margin-right: var(--wa-space-xs)"></wa-avatar> Char McCoy</td>
<td><wa-avatar image="/assets/images/kitchen-sink/avatar-char.png" label="Char" style="margin-right: var(--wa-space-xs)"></wa-avatar> Char McCoy</td>
<td style="text-align: center;"><wa-tag variant="success" size="small">Resolved</wa-tag></td>
<td>
<wa-dropdown>
@@ -1718,7 +1718,7 @@ toc: false
<td><wa-checkbox size="large" style="padding-left: var(--wa-space-s)"><wa-visually-hidden>Completed</wa-visually-hidden></wa-checkbox></td>
<td>Hugo Weaving</td>
<td class="desc"><span style="font-weight: bold">I'd like to share a revelation</span><br><span class="excerpt">I need the codes, I have to get inside Zion and you have to tell me how.</span></td>
<td><wa-avatar initials="DP" label="Avatar with initials: DP" style="margin-right: var(--wa-space-xs)"></wa-avatar> Dara Prescott</td>
<td><wa-avatar image="/assets/images/kitchen-sink/avatar-Dara.png" label="Dara" style="margin-right: var(--wa-space-xs)"></wa-avatar> Dara Prescott</td>
<td style="text-align: center;"><wa-tag variant="neutral" size="small">Expired</wa-tag></td>
<td>
<wa-dropdown>
@@ -1817,22 +1817,19 @@ toc: false
<wa-button variant="neutral">Apply</wa-button>
</div>
<div class="totals">
<div style="display: flex; justify-content: space-between; margin-bottom: var(--wa-space-m);">
<div style="display: flex; justify-content: space-between; margin-bottom: var(--wa-space-xs);">
<div>Subtotal</div>
<div><b>$530.00</b></div>
</div>
<div style="display: flex; justify-content: space-between; margin-bottom: var(--wa-space-m);">
<div style="display: flex; justify-content: space-between; margin-bottom: var(--wa-space-xs);">
<div>Shipping</div>
<div>$8.00</div>
</div>
<div style="display: flex; justify-content: space-between; margin-bottom: var(--wa-space-m);">
<div style="display: flex; justify-content: space-between; margin-bottom: var(--wa-space-xs);">
<div><b>Total</b></div>
<div><b>$538.00</b></div>
</div>
</div>
</div>
</section>

18
src/themes/premium.css
View File

@@ -501,25 +501,13 @@
}
.support-table tr {
--wa-color-surface-border: var(--wa-color-neutral-border-subtle);
--wa-color-surface-border: var(--wa-color-base-95);
}
.support-table .excerpt {
color: var(--wa-color-text-quiet);
}
/* .support-table th {
background-color: var(--wa-color-base-95);
}
.support-table tr {
background-color: var(--wa-color-surface-raised);
}
.support-table tr:hover {
background-color: var(--wa-color-brand-fill-subtle);
} */
.checkout-form wa-input,
.checkout-form wa-switch {
margin-bottom: var(--wa-space-l);
@@ -633,6 +621,10 @@
code {
background-color: var(--wa-color-neutral-fill-subtle);
}
.support-table tr {
--wa-color-surface-border: var(--wa-color-base-10);
}
}
/* #region Custom styles */