Fixed Homepage height
This commit is contained in:
@@ -170,6 +170,7 @@ export default function Home() {
|
|||||||
<ItemCard key={item.id} item={item} />
|
<ItemCard key={item.id} item={item} />
|
||||||
))}
|
))}
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
<Pagination
|
<Pagination
|
||||||
count={Math.ceil(items.length / itemsPerPage)} // Gesamtanzahl der Seiten
|
count={Math.ceil(items.length / itemsPerPage)} // Gesamtanzahl der Seiten
|
||||||
page={currentPage} // Aktuelle Seite
|
page={currentPage} // Aktuelle Seite
|
||||||
|
|||||||
@@ -56,7 +56,7 @@
|
|||||||
|
|
||||||
.page-background {
|
.page-background {
|
||||||
background: linear-gradient(135deg, #ece9e6, #ffffff);
|
background: linear-gradient(135deg, #ece9e6, #ffffff);
|
||||||
height: 100vh; /* Damit der Hintergrund die gesamte Seite abdeckt */
|
height: calc(100vh - 3rem); /* Damit der Hintergrund die gesamte Seite abdeckt */
|
||||||
min-height: 600px;
|
min-height: 600px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
@@ -70,6 +70,5 @@
|
|||||||
.pagination {
|
.pagination {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
/*margin-top: 5%;*/
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user