mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
Fix rounded borders in alert examples
This commit is contained in:
parent
a9c5fb2351
commit
b48ca422ea
@ -44,10 +44,10 @@ title: "Alerts"
|
||||
|
||||
@component('_partials.code-sample', ['lang' => 'html'])
|
||||
<div>
|
||||
<div class="bg-red text-white font-bold rounded-t px-4 py-2">
|
||||
<div class="bg-red text-white font-bold rounded rounded-t px-4 py-2">
|
||||
Danger
|
||||
</div>
|
||||
<div class="border border-t-0 border-red-light rounded-b bg-red-lightest px-4 py-3 text-red-dark">
|
||||
<div class="border border-t-0 border-red-light rounded rounded-b bg-red-lightest px-4 py-3 text-red-dark">
|
||||
<p>Something not ideal might be happening.</p>
|
||||
</div>
|
||||
</div>
|
||||
@ -67,7 +67,7 @@ title: "Alerts"
|
||||
### Top Accent Border
|
||||
|
||||
@component('_partials.code-sample', ['lang' => 'html'])
|
||||
<div class="bg-teal-lightest border-t-4 border-teal rounded-b text-teal-darkest px-4 py-3 shadow-md">
|
||||
<div class="bg-teal-lightest border-t-4 border-teal rounded rounded-b text-teal-darkest px-4 py-3 shadow-md">
|
||||
<div class="flex">
|
||||
<svg class="h-6 w-6 text-teal mr-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M2.93 17.07A10 10 0 1 1 17.07 2.93 10 10 0 0 1 2.93 17.07zm12.73-1.41A8 8 0 1 0 4.34 4.34a8 8 0 0 0 11.32 11.32zM9 11V9h2v6H9v-4zm0-6h2v2H9V5z"/></svg>
|
||||
<div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user