Fix rounded borders in alert examples

This commit is contained in:
Adam Wathan 2017-11-01 14:23:19 -04:00
parent a9c5fb2351
commit b48ca422ea

View File

@ -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>