Archos/prehlad-financi-komunity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

30
2024.html
View File

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

16
finance_2024_corrected.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.

53
styly.css
View File

@@ -33,8 +33,8 @@ a[rel="me"] {
}
.dropdown {
display: flex;
justify-content: flex-end; /* Posune tlačítko doprava */
margin-right: 20px; /* Přidá trochu prostoru od kraje */
justify-content: flex-end;
margin-right: 20px;
}
header .d-flex {
display: flex;
@@ -47,10 +47,7 @@ header h1 {
text-align: center;
}
.dropdown {
margin-right: 20px;
}
/* Hlavní tabulka zůstává stejná, NEUPRAVUJEME */
/* Hlavní tabulka - beze změn */
#finance-table {
width: 100%;
margin-top: 20px;
@@ -76,13 +73,30 @@ header h1 {
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) {
background-color: #e6e6e6; /* Lehce tmavší šedá */
background-color: #d9d9d9; /* O něco tmavší šedá */
}
.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 */
@@ -98,18 +112,23 @@ header h1 {
/* Responzivní design */
@media (max-width: 768px) {
.archive-table-container {
max-width: 100%; /* Na mobilech bude tabulka široká 100% */
}
#finance-table th, #finance-table td {
padding: 8px;
font-size: 14px;
}
}
/* Zvýraznění nadpisu archivu */
.archive-title {
text-align: center; /* Zarovnání na střed */
font-size: 26px; /* Zvýšení velikosti písma */
font-weight: bold; /* Tučné písmo */
color: #343a40; /* Tmavší barva pro lepší kontrast */
text-transform: uppercase; /* Velká písmena */
margin-bottom: 20px; /* Větší mezera pod nadpisem */
border-bottom: 3px solid #218838; /* Zelená linka pod nadpisem */
padding-bottom: 8px; /* Oddělení nadpisu linkou */
text-align: center;
font-size: 26px;
font-weight: bold;
color: #343a40;
text-transform: uppercase;
margin-bottom: 20px;
border-bottom: 3px solid #218838;
padding-bottom: 8px;
}