Skip to content
Snippets Groups Projects
Commit ff064d2b authored by Tomáš Valenta's avatar Tomáš Valenta
Browse files

remove numbers from program, improve layout

parent 9d69af6b
Branches
No related tags found
1 merge request!22Feat/redesign
......@@ -55,11 +55,16 @@
"
>
<div
class="w-full flex flex-col gap-8 justify-between"
class="
flex gap-7 [flex-flow:column_wrap]
w-full h-full justify-start
max-h-[500px]
"
>
<h2
class="
font-alt text-[3.25rem] duration-200 delay-100
font-alt text-[3.25rem] duration-200 delay-100 w-1/2
xl:text-[6.5rem]
"
......@@ -68,21 +73,8 @@
</h2>
<CardProgramItemPoint
:number="points[0].number"
:content="points[0].content"
/>
</div>
<div
class="
flex flex-col gap-7
w-full h-full justify-end
"
>
<CardProgramItemPoint
v-for="(point, index) in points.slice(1)"
v-for="(point, index) in points"
:key="point.number"
:number="point.number"
:content="point.content"
/>
</div>
......
<template>
<div class="flex gap-3">
<div
class="
text-[3rem] font-alt duration-150 delay-300
xl:text-[7rem]
"
>
{{ this.number }}
</div>
<div
class="
[&_p]:text-lg [&_p]:leading-7 [&_p]:duration-150 [&_p]:delay-300 mt-[-5px]
[&_p]:text-lg [&_p]:leading-7 [&_p]:duration-150 [&_p]:delay-300 mt-[-5px] w-1/2
xl:pt-1 xl:m-0
"
......@@ -22,12 +12,11 @@
</p>
</div>
</div>
</div>
</template>
<script>
export default {
name: "CardProgramItemPoint",
props: ["number", "content", "isFirst"],
props: ["content", "isFirst"],
}
</script>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment