fix: испралена ошибка с перезагрузкой при создании доски, небольшое исправление стилей

This commit is contained in:
Vladiysss
2026-02-20 23:52:42 +03:00
parent 616d5678c6
commit c4d00ac346
4 changed files with 66 additions and 41 deletions

View File

@@ -113,7 +113,8 @@ const KBBoardsList = () => {
setTimer(100); setTimer(100);
}; };
const createBoard = async () => { const createBoard = async (e) => {
e.preventDefault();
try { try {
setLoading(true) setLoading(true)
const newBoard = { title, description }; const newBoard = { title, description };

View File

@@ -1,3 +1,9 @@
html, body {
height: 100%;
margin: 0;
padding: 0;
}
.App { .App {
text-align: center; text-align: center;
} }
@@ -81,6 +87,13 @@ ul{
padding: 20px; padding: 20px;
} }
.app-container {
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
}
/* Страница входа */ /* Страница входа */
.login-page { .login-page {
background-color: #1f2430; background-color: #1f2430;
@@ -101,12 +114,19 @@ ul{
} }
.page-container { .page-container {
flex: 1 1 auto; /* растёт и заполняет остаток */
display: flex;
flex-direction: column;
overflow-x: auto;
box-sizing: border-box;
background-color: #1f2430; background-color: #1f2430;
border-radius: 8px; border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 20px; padding: 20px;
margin: 10px auto; margin: 10px 0px;
max-width: 1200px; max-width: 99%;
width: 100%; /* Занимает всю доступную ширину */
} }
h2 { h2 {

View File

@@ -77,9 +77,10 @@
.pagination { .pagination {
background-color: #2b3245; background-color: #2b3245;
display: flex; display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px; gap: 8px;
margin-top: 16px; margin-top: 16px;
flex-wrap: wrap;
padding: 10px; padding: 10px;
border-radius: 6px; border-radius: 6px;
} }

View File

@@ -8,19 +8,22 @@
} }
.header { .header {
flex: 0 0; /* не растёт, не сжимается, высота по контенту */
background-color: #1f2430; background-color: #1f2430;
padding: 0; padding: 0;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
height: 56px; height: 56px;
width: 100%;
} }
.header-container { .header-container {
max-width: 1200px; max-width: 1200px;
box-sizing: border-box;
padding-left: 20px;
margin: 0 auto; margin: 0 auto;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 0 1rem;
height: 56px; height: 56px;
} }