Thanks to visit codestin.com
Credit goes to github.com

Skip to content

chore: improve footer UI #154

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

Merged
merged 2 commits into from
Sep 29, 2023
Merged

chore: improve footer UI #154

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
8bf9616
💄 style footer
anaisberg Sep 29, 2023
e7b697e
✏️ fix typo
anaisberg Sep 29, 2023
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
4 changes: 2 additions & 2 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -67,7 +67,7 @@ If you don't, that's fine 👍 Castore is still available in Node/JS. And you ca

The Event Sourcing journey has many hidden pitfalls. We ran into them for you!

Castore is opiniated. It comes with a collection of best practices and documented anti-patterns that we hope will help you out!
Castore is opinionated. It comes with a collection of best practices and documented anti-patterns that we hope will help you out!

## Table of content

Expand Down Expand Up @@ -894,7 +894,7 @@ type PokemonEventStateCarryingMessage = StateCarryingMessage<
type PokemonEventStateCarryingMessage = {
eventStoreId: 'POKEMONS';
event: PokemonEventDetails;
aggregate: PokemonAggregate
aggregate: PokemonAggregate;
};

// 👇 Also equivalent to:
Expand Down
21 changes: 21 additions & 0 deletions docs/src/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -81,6 +81,10 @@
align-items: center;
}

.justify-around {
justify-content: space-around;
}

.justify-center {
justify-content: center;
}
Expand All @@ -101,6 +105,11 @@
padding: 0.5rem;
}

.py-10 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}

.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
Expand Down Expand Up @@ -226,6 +235,10 @@ a:hover,
width: 40px;
}

.full-width {
width: 100%;
}

.max-w-screen-xl {
max-width: 1280px;
}
Expand Down Expand Up @@ -289,6 +302,10 @@ a:hover,
.sm\:grid-cols-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sm\:justify-around {
justify-content: space-around;
}
}

@media (min-width: 768px) {
Expand All @@ -300,6 +317,10 @@ a:hover,
flex-direction: row;
}

.md\:justify-center {
justify-content: center;
}

.md\:grid-cols-3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
Expand Down
13 changes: 7 additions & 6 deletions docs/src/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -489,8 +489,9 @@ const Home = (): JSX.Element => (
<strong>We ran into them for you</strong>!
</p>
<p className="text-sm dark:text-gray-200 leading-6">
Castore is opiniated. It comes with a collection of best practices
and documented anti-patterns that we hope will help you out!
Castore is opinionated. It comes with a collection of best
practices and documented anti-patterns that we hope will help you
out!
</p>
<p className="text-sm dark:text-gray-200 leading-6">
It also comes with an awesome collection of packages that will
Expand All @@ -512,11 +513,11 @@ const Home = (): JSX.Element => (
</div>
</div>
</div>
<div className="navbar navbar--dark flex flex-col items-start justify-center p-10 text-sm shadow-xl shadow-black/10">
<div className="mx-auto">
<div className="grid gap-2 sm:grid-cols-2 md:grid-cols-3">
<div className="navbar navbar--dark flex flex-col items-start justify-center py-10 text-sm shadow-xl shadow-black/10">
<div className="full-width">
<div className="flex justify-around md:justify-center gap-3">
{footerLinks.map(item => (
<div key={item.to}>
<div key={item.to} className="text-center">
{item.to.startsWith('http') ? (
<a href={item.to} target="_blank" rel="noreferrer">
{item.label}
Expand Down