Vytvořeno tlačítko, které nyní stahuje finance_2024.csv
This commit is contained in:
parent
9e3f2eec02
commit
50ca911468
@ -4,10 +4,15 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Přehled Financí 2024</title>
|
<title>Přehled Financí 2024</title>
|
||||||
<link rel="stylesheet" href="styly.css">
|
<link rel="stylesheet" href="styly.css">
|
||||||
|
|
||||||
</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>
|
||||||
|
<div class="export-button-container">
|
||||||
|
<a href="finance_2024.csv" download="finance_2024.csv" class="btn btn-primary">📂 Stáhnout CSV</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Obalíme tabulku do kontejneru pro centrování -->
|
<!-- Obalíme tabulku do kontejneru pro centrování -->
|
||||||
<div class="archive-table-container">
|
<div class="archive-table-container">
|
||||||
<table id="finance-table" class="table table-striped mb-3 archive-table">
|
<table id="finance-table" class="table table-striped mb-3 archive-table">
|
||||||
|
19
styly.css
19
styly.css
@ -132,3 +132,22 @@ header h1 {
|
|||||||
border-bottom: 3px solid #218838;
|
border-bottom: 3px solid #218838;
|
||||||
padding-bottom: 8px;
|
padding-bottom: 8px;
|
||||||
}
|
}
|
||||||
|
/* Kontejner pro tlačítko exportu */
|
||||||
|
.export-button-container {
|
||||||
|
text-align: center; /* Zarovná tlačítko na střed */
|
||||||
|
margin-top: 20px; /* Přidá trochu prostoru nad tlačítkem */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Styl tlačítka */
|
||||||
|
#export-pdf {
|
||||||
|
padding: 10px 20px; /* Lepší padding */
|
||||||
|
font-size: 16px; /* Větší písmo pro lepší čitelnost */
|
||||||
|
border-radius: 5px; /* Zaoblené rohy */
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background-color 0.3s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Efekt při najetí myší */
|
||||||
|
#export-pdf:hover {
|
||||||
|
background-color: #0056b3; /* Lehce tmavší modrá při hover */
|
||||||
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user