Fix: Centrovaná tabulka v archivu (2024.html), oprava šířky, smazán soubor finance_2024_corrected.csv

This commit is contained in:
archos 2025-02-09 11:37:27 +01:00
parent 7086eb6974
commit 9e3f2eec02
3 changed files with 53 additions and 46 deletions

View File

@ -7,19 +7,23 @@
</head> </head>
<body> <body>
<h2 class="archive-title">Přehled Financí za rok 2024</h2> <h2 class="archive-title">Přehled Financí za rok 2024</h2>
<table id="finance-table" border="1">
<thead> <!-- Obalíme tabulku do kontejneru pro centrování -->
<tr> <div class="archive-table-container">
<th>Datum</th> <table id="finance-table" class="table table-striped mb-3 archive-table">
<th>Popis</th> <thead>
<th>Částka</th> <tr>
<th>Měna</th> <th>Datum</th>
<th>Typ</th> <th>Popis</th>
</tr> <th>Částka</th>
</thead> <th>Měna</th>
<tbody> <th>Typ</th>
</tbody> </tr>
</table> </thead>
<tbody>
</tbody>
</table>
</div>
<script> <script>
fetch('finance_2024.csv') fetch('finance_2024.csv')

View File

@ -1,16 +0,0 @@
# Vytvoření testovacího DataFrame s podobnou strukturou jako uživatelův CSV soubor
data_corrected = {
'Datum': ['2024-06-04', '2024-06-05', '2024-06-10', '2024-06-17', '2024-06-18'],
'Popis': ['Stav účtu', 'Příspěvek @tritol128', 'Příspěvek @fabia_man', 'Příspěvek @Onqa6', 'Příspěvek D.Kolaja'],
'Částka': [9253.0, 512.0, 100.0, 100.0, 111.0],
'Měna': ['CZK', 'CZK', 'CZK', 'CZK', 'CZK'],
'Typ': ['Příjem', 'Příjem', 'Příjem', 'Příjem', 'Příjem']
}
df_corrected = pd.DataFrame(data_corrected)
# Uložení do CSV souboru
corrected_csv_path = "/mnt/data/finance_2024_corrected.csv"
df_corrected.to_csv(corrected_csv_path, index=False)
corrected_csv_path
Can't render this file because it contains an unexpected character in line 13 and column 22.

View File

@ -33,8 +33,8 @@ a[rel="me"] {
} }
.dropdown { .dropdown {
display: flex; display: flex;
justify-content: flex-end; /* Posune tlačítko doprava */ justify-content: flex-end;
margin-right: 20px; /* Přidá trochu prostoru od kraje */ margin-right: 20px;
} }
header .d-flex { header .d-flex {
display: flex; display: flex;
@ -47,10 +47,7 @@ header h1 {
text-align: center; text-align: center;
} }
.dropdown { /* Hlavní tabulka - beze změn */
margin-right: 20px;
}
/* Hlavní tabulka zůstává stejná, NEUPRAVUJEME */
#finance-table { #finance-table {
width: 100%; width: 100%;
margin-top: 20px; margin-top: 20px;
@ -76,13 +73,30 @@ header h1 {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
} }
/* Zvýraznění jen pro archivní tabulku */ /* Speciální úpravy pro archivní tabulku */
.archive-table-container {
max-width: 1000px; /* Pevná maximální šířka tabulky */
width: 100%;
margin: 0 auto; /* Centrované umístění */
padding: 20px;
}
/* Archivní tabulka - nebude přes celý monitor */
.archive-table {
width: 100%;
border-collapse: collapse;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
}
/* Zvýraznění řádků pro archivní tabulku */
.archive-table tbody tr:nth-child(even) { .archive-table tbody tr:nth-child(even) {
background-color: #e6e6e6; /* Lehce tmavší šedá */ background-color: #d9d9d9; /* O něco tmavší šedá */
} }
.archive-table tbody tr:nth-child(odd) { .archive-table tbody tr:nth-child(odd) {
background-color: #f5f5f5; /* Lehce světlejší šedá */ background-color: #f2f2f2; /* O něco světlejší šedá */
} }
/* Barevné odlišení příjmů a výdajů pro archivní tabulku */ /* Barevné odlišení příjmů a výdajů pro archivní tabulku */
@ -98,18 +112,23 @@ header h1 {
/* Responzivní design */ /* Responzivní design */
@media (max-width: 768px) { @media (max-width: 768px) {
.archive-table-container {
max-width: 100%; /* Na mobilech bude tabulka široká 100% */
}
#finance-table th, #finance-table td { #finance-table th, #finance-table td {
padding: 8px; padding: 8px;
font-size: 14px; font-size: 14px;
} }
} }
/* Zvýraznění nadpisu archivu */
.archive-title { .archive-title {
text-align: center; /* Zarovnání na střed */ text-align: center;
font-size: 26px; /* Zvýšení velikosti písma */ font-size: 26px;
font-weight: bold; /* Tučné písmo */ font-weight: bold;
color: #343a40; /* Tmavší barva pro lepší kontrast */ color: #343a40;
text-transform: uppercase; /* Velká písmena */ text-transform: uppercase;
margin-bottom: 20px; /* Větší mezera pod nadpisem */ margin-bottom: 20px;
border-bottom: 3px solid #218838; /* Zelená linka pod nadpisem */ border-bottom: 3px solid #218838;
padding-bottom: 8px; /* Oddělení nadpisu linkou */ padding-bottom: 8px;
} }