Vytvořeno tlačítko, které nyní stahuje finance_2024.csv
This commit is contained in:
		| @@ -4,9 +4,14 @@ | |||||||
|     <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"> | ||||||
|   | |||||||
							
								
								
									
										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 */ | ||||||
|  | } | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user