images optimizations
This commit is contained in:
@@ -9,7 +9,7 @@ const { title, charachteristics, highlighted = false, link } = Astro.props
|
||||
|
||||
<div
|
||||
class:list={[
|
||||
'flex h-full w-full flex-col border-2 px-5 py-6 md:px-7 md:py-8 md:max-w-[400px] md:min-h-[550px]',
|
||||
'flex h-full w-full flex-col border-2 px-5 py-6 md:min-h-[550px] md:max-w-[400px] md:px-7 md:py-8',
|
||||
'border border-transparent bg-card',
|
||||
{ 'border-brand': highlighted },
|
||||
]}
|
||||
@@ -21,9 +21,11 @@ const { title, charachteristics, highlighted = false, link } = Astro.props
|
||||
<ul class="mb-16 flex-grow space-y-4">
|
||||
{
|
||||
charachteristics?.map((charachteristic) => (
|
||||
<li class="flex items-start space-x-2 justify-between">
|
||||
<li class="flex items-start justify-between space-x-2">
|
||||
<span class="text-text-light">{charachteristic.text}</span>
|
||||
{charachteristic.price && <span class="ml-2 text-brand text-nowrap text-end" set:html={charachteristic.price} />}
|
||||
{charachteristic.price && (
|
||||
<span class="ml-2 text-nowrap text-end text-brand" set:html={charachteristic.price} />
|
||||
)}
|
||||
</li>
|
||||
))
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user