Niklas/shadcn-vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: change text-left to text-start to support rtl written text

Browse Source
This commit is contained in:
Raed Bahri 2024-03-05 09:21:19 +01:00
parent 7dfd0d4457
commit 9def0dbe36
2 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/www/src/lib/registry/new-york/example/TypographyDemo.vue
View File

@ -71,12 +71,12 @@
<thead> <thead>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<th <th
class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
> >
King's Treasury King's Treasury
</th> </th>
<th <th
class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
> >
People's happiness People's happiness
</th> </th>
@ -85,36 +85,36 @@
<tbody> <tbody>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Empty Empty
</td> </td>
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Overflowing Overflowing
</td> </td>
</tr> </tr>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Modest Modest
</td> </td>
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Satisfied Satisfied
</td> </td>
</tr> </tr>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Full Full
</td> </td>
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Ecstatic Ecstatic
</td> </td>

16
apps/www/src/lib/registry/new-york/example/TypographyTable.vue
View File

@ -4,12 +4,12 @@
<thead> <thead>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<th <th
class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
> >
King's Treasury King's Treasury
</th> </th>
<th <th
class="border px-4 py-2 text-left font-bold [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start font-bold [&[align=center]]:text-center [&[align=right]]:text-right"
> >
People's happiness People's happiness
</th> </th>
@ -18,36 +18,36 @@
<tbody> <tbody>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Empty Empty
</td> </td>
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Overflowing Overflowing
</td> </td>
</tr> </tr>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Modest Modest
</td> </td>
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Satisfied Satisfied
</td> </td>
</tr> </tr>
<tr class="m-0 border-t p-0 even:bg-muted"> <tr class="m-0 border-t p-0 even:bg-muted">
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Full Full
</td> </td>
<td <td
class="border px-4 py-2 text-left [&[align=center]]:text-center [&[align=right]]:text-right" class="border px-4 py-2 text-start [&[align=center]]:text-center [&[align=right]]:text-right"
> >
Ecstatic Ecstatic
</td> </td>