Mirrors/tabler
1
0 Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-10-12 05:06:55 +04:00
Code Issues Projects Releases Wiki Activity

Add .icon-inline to icons shown in a line of text (#3248)

Browse Source
This commit is contained in:
Paweł Kuna authored and GitHub committed 2026-09-30 01:00:28 +02:00
1 parent 4f31a3bcc4
commit 1b4a219ac0
19 files changed
+49 -43
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

preview/pages/all-elements.astro
+5 -5
View File
@@ -797,23 +797,23 @@ function greetUser(name) {
<CardBody class="p-0">
<ListGroup flush>
<ListGroupItem>
<Icon name="home" class="me-2" />
<Icon name="home" inline class="me-2" />
Home
</ListGroupItem>
<ListGroupItem active>
<Icon name="star" class="me-2" />
<Icon name="star" inline class="me-2" />
Active item
</ListGroupItem>
<ListGroupItem>
<Icon name="settings" class="me-2" />
<Icon name="settings" inline class="me-2" />
Settings
</ListGroupItem>
<ListGroupItem>
<Icon name="user" class="me-2" />
<Icon name="user" inline class="me-2" />
Profile
</ListGroupItem>
<ListGroupItem disabled>
<Icon name="lock" class="me-2" />
<Icon name="lock" inline class="me-2" />
Disabled item
</ListGroupItem>
</ListGroup>
preview/pages/license.astro
+7 -7
View File
@@ -63,21 +63,21 @@ const licenseHtml = `
<h4>Permissions</h4>
<ul class="list-unstyled space-y-1">
<li><Icon name="check" class="text-green" /> Commercial use</li>
<li><Icon name="check" class="text-green" /> Modification</li>
<li><Icon name="check" class="text-green" /> Distribution</li>
<li><Icon name="check" class="text-green" /> Private use</li>
<li><Icon name="check" inline class="text-green" /> Commercial use</li>
<li><Icon name="check" inline class="text-green" /> Modification</li>
<li><Icon name="check" inline class="text-green" /> Distribution</li>
<li><Icon name="check" inline class="text-green" /> Private use</li>
</ul>
<h4>Limitations</h4>
<ul class="list-unstyled space-y-1">
<li><Icon name="x" class="text-red" /> Liability</li>
<li><Icon name="x" class="text-red" /> Warranty</li>
<li><Icon name="x" inline class="text-red" /> Liability</li>
<li><Icon name="x" inline class="text-red" /> Warranty</li>
</ul>
<h4>Conditions</h4>
<ul class="list-unstyled space-y-1">
<li><Icon name="info-circle" class="text-blue" /> License and copyright notice</li>
<li><Icon name="info-circle" inline class="text-blue" /> License and copyright notice</li>
</ul>
</CardBody>
<CardFooter>
preview/pages/tasks-list.astro
+2 -2
View File
@@ -82,12 +82,12 @@ const selectedPeople = [5, 6, 2, 3].map((id) => requireIndex(peopleList, id - 1)
<td class="text-secondary">
{task.due_date ? (
<Fragment>
<Icon name="calendar" class="me-1" />
<Icon name="calendar" inline class="me-1" />
{task.due_date}
</Fragment>
) : task['due-date'] ? (
<Fragment>
<Icon name="calendar" class="me-1" />
<Icon name="calendar" inline class="me-1" />
{task['due-date']}
</Fragment>
) : (