Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix layout #78

Merged
merged 1 commit into from
Dec 31, 2024
Merged

Fix layout #78

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion libs/ui/src/BlogListing.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div class="mx-auto mt-32 max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-none">
<h2 class="text-balance text-4xl font-semibold tracking-tight text-primary-800 sm:text-5xl">From the blog</h2>
<h2 class="text-balance text-4xl font-semibold tracking-tight text-primary-800 sm:text-5xl">Artikelen</h2>
<p class="mt-2 text-lg/8 text-gray-600">Learn how to grow your business with our expert advice.</p>
</div>
<div class="mx-auto mt-16 grid max-w-2xl auto-rows-fr grid-cols-1 gap-8 sm:mt-20 lg:mx-0 lg:max-w-none lg:grid-cols-3">
Expand Down
2 changes: 1 addition & 1 deletion libs/ui/src/Container.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export default function Container({ children }: ContainerProps) {
return (
<div className="relative isolate">
<div className="overflow-hidden">
<div className="mx-auto max-w-7xl px-6 lg:px-8">
<div className="mx-auto max-w-7xl px-6 pb-32 pt-36 sm:pt-60 lg:px-8 lg:pt-32">
{children}
</div>
</div>
Expand Down
2 changes: 0 additions & 2 deletions libs/ui/src/Content.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ import Container from "./Container";
export default function Content({ title_website: title, description }) {
return (
<Container>
<div className="relative isolate">
<svg
className="absolute inset-x-0 top-0 -z-10 h-[64rem] w-full stroke-gray-200 [mask-image:radial-gradient(32rem_32rem_at_center,white,transparent)]"
aria-hidden="true"
Expand Down Expand Up @@ -139,7 +138,6 @@ export default function Content({ title_website: title, description }) {
</div>
</div>
</div>
</div>
</Container>
);
}
Expand Down
2 changes: 1 addition & 1 deletion libs/ui/src/ImageWithTitle.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<div class="mt-32 xl:mx-auto xl:max-w-7xl xl:px-8">
<div class="mx-auto mt-32 max-w-7xl px-6 lg:px-8">
<div class="mx-auto max-w-2xl lg:mx-0">
<h2 class="text-pretty text-4xl font-semibold tracking-tight text-primary-800 sm:text-5xl">Ontmoet ons</h2>
<p class="mt-6 text-lg/8 text-gray-600">We’re a dynamic group of individuals who are passionate about what we do and dedicated to delivering the best results for our clients.</p>
Expand Down
2 changes: 1 addition & 1 deletion libs/ui/src/LogoCloud.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
</svg>
</div>
<div class="mx-auto max-w-7xl px-6 lg:px-8">
<h2 class="text-center text-lg/8 font-semibold text-primary-800">Trusted by the world’s most innovative teams</h2>
<h2 class="text-center text-lg/8 font-semibold text-primary-800">Wij helpen</h2>
<div class="mx-auto mt-10 grid max-w-lg grid-cols-4 items-center gap-x-8 gap-y-10 sm:max-w-xl sm:grid-cols-6 sm:gap-x-10 lg:mx-0 lg:max-w-none lg:grid-cols-5">
<img class="col-span-2 max-h-12 w-full object-contain lg:col-span-1" src="https://tailwindui.com/plus/img/logos/158x48/transistor-logo-gray-900.svg" alt="Transistor" width="158" height="48">
<img class="col-span-2 max-h-12 w-full object-contain lg:col-span-1" src="https://tailwindui.com/plus/img/logos/158x48/reform-logo-gray-900.svg" alt="Reform" width="158" height="48">
Expand Down
14 changes: 7 additions & 7 deletions libs/ui/src/Mission.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
<div class="mx-auto -mt-12 max-w-7xl px-6 sm:mt-0 lg:px-8 xl:-mt-8">
<div class="mx-auto max-w-2xl lg:mx-0 lg:max-w-none">
<h2 class="text-pretty text-4xl font-semibold tracking-tight text-primary-800 sm:text-5xl">Missie</h2>
<h2 class="text-pretty text-4xl font-semibold tracking-tight text-primary-800 sm:text-5xl">Wij zijn XPRTZ</h2>
<div class="mt-6 flex flex-col gap-x-8 gap-y-20 lg:flex-row">
<div class="lg:w-full lg:max-w-2xl lg:flex-auto">
<p class="text-xl/8 text-gray-600">Aliquet nec orci mattis amet quisque ullamcorper neque, nibh sem. At arcu, sit dui mi, nibh dui, diam eget aliquam. Quisque id at vitae feugiat egestas ac. Diam nulla orci at in viverra scelerisque eget. Eleifend egestas fringilla sapien.</p>
Expand All @@ -9,16 +9,16 @@
<div class="lg:flex lg:flex-auto lg:justify-center">
<dl class="w-64 space-y-8 xl:w-80">
<div class="flex flex-col-reverse gap-y-4">
<dt class="text-base/7 text-gray-600">Transactions every 24 hours</dt>
<dd class="text-5xl font-semibold tracking-tight text-primary-800">44 million</dd>
<dt class="text-base/7 text-gray-600">Zakelijke vrienden</dt>
<dd class="text-5xl font-semibold tracking-tight text-primary-800">30+</dd>
</div>
<div class="flex flex-col-reverse gap-y-4">
<dt class="text-base/7 text-gray-600">Assets under holding</dt>
<dd class="text-5xl font-semibold tracking-tight text-primary-800">$119 trillion</dd>
<dt class="text-base/7 text-gray-600">Locatie</dt>
<dd class="text-5xl font-semibold tracking-tight text-primary-800">Studio B</dd>
</div>
<div class="flex flex-col-reverse gap-y-4">
<dt class="text-base/7 text-gray-600">New users annually</dt>
<dd class="text-5xl font-semibold tracking-tight text-primary-800">46,000</dd>
<dt class="text-base/7 text-gray-600">Plaats</dt>
<dd class="text-5xl font-semibold tracking-tight text-primary-800">Werkspoorkathedraal, Utrecht</dd>
</div>
</dl>
</div>
Expand Down
14 changes: 5 additions & 9 deletions libs/ui/src/Values.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,28 +5,24 @@
</div>
<dl class="mx-auto mt-16 grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 text-base/7 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3">
<div>
<dt class="font-semibold text-primary-800">Be world-class</dt>
<dt class="font-semibold text-primary-800">Flow</dt>
<dd class="mt-1 text-gray-600">Aut illo quae. Ut et harum ea animi natus. Culpa maiores et sed sint et magnam exercitationem quia. Ullam voluptas nihil vitae dicta molestiae et. Aliquid velit porro vero.</dd>
</div>
<div>
<dt class="font-semibold text-primary-800">Share everything you know</dt>
<dt class="font-semibold text-primary-800">Inspirerend</dt>
<dd class="mt-1 text-gray-600">Mollitia delectus a omnis. Quae velit aliquid. Qui nulla maxime adipisci illo id molestiae. Cumque cum ut minus rerum architecto magnam consequatur. Quia quaerat minima.</dd>
</div>
<div>
<dt class="font-semibold text-primary-800">Always learning</dt>
<dt class="font-semibold text-primary-800">Teamspelers</dt>
<dd class="mt-1 text-gray-600">Aut repellendus et officiis dolor possimus. Deserunt velit quasi sunt fuga error labore quia ipsum. Commodi autem voluptatem nam. Quos voluptatem totam.</dd>
</div>
<div>
<dt class="font-semibold text-primary-800">Be supportive</dt>
<dt class="font-semibold text-primary-800">Technologie gedreven</dt>
<dd class="mt-1 text-gray-600">Magnam provident veritatis odit. Vitae eligendi repellat non. Eum fugit impedit veritatis ducimus. Non qui aspernatur laudantium modi. Praesentium rerum error deserunt harum.</dd>
</div>
<div>
<dt class="font-semibold text-primary-800">Take responsibility</dt>
<dt class="font-semibold text-primary-800">Experts in het vak</dt>
<dd class="mt-1 text-gray-600">Sit minus expedita quam in ullam molestiae dignissimos in harum. Tenetur dolorem iure. Non nesciunt dolorem veniam necessitatibus laboriosam voluptas perspiciatis error.</dd>
</div>
<div>
<dt class="font-semibold text-primary-800">Enjoy downtime</dt>
<dd class="mt-1 text-gray-600">Ipsa in earum deserunt aut. Quos minus aut animi et soluta. Ipsum dicta ut quia eius. Possimus reprehenderit iste aspernatur ut est velit consequatur distinctio.</dd>
</div>
</dl>
</div>
Loading