- introductie van vue files - bijna werkende versie van eveai_chat_client.
This commit is contained in:
37
nginx/static/assets/css/eveai-responsive-table.css
Normal file
37
nginx/static/assets/css/eveai-responsive-table.css
Normal file
@@ -0,0 +1,37 @@
|
||||
/* Responsive tabel stijlen voor optimaal schermgebruik --------------------------------- */
|
||||
|
||||
/* Zorg dat tabellen zich aanpassen aan de beschikbare schermruimte */
|
||||
@media (min-height: 900px) {
|
||||
/* Voor grotere schermen, gebruik meer verticale ruimte */
|
||||
.tabulator-list-view .tabulator {
|
||||
min-height: 650px;
|
||||
}
|
||||
|
||||
.tabulator-list-view {
|
||||
min-height: 650px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-height: 1200px) {
|
||||
/* Voor zeer grote schermen, gebruik maximale verticale ruimte */
|
||||
.tabulator-list-view .tabulator {
|
||||
min-height: 800px;
|
||||
}
|
||||
|
||||
.tabulator-list-view {
|
||||
min-height: 800px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Zorg dat de inhoud van tabellen goed leesbaar blijft op elk formaat scherm */
|
||||
.tabulator .tabulator-cell {
|
||||
white-space: normal; /* Zorg dat tekst binnen cellen kan omslaan */
|
||||
overflow: visible; /* Toon alle inhoud */
|
||||
}
|
||||
|
||||
/* Behoud de leesbaarheid van de tabel headers op kleinere schermen */
|
||||
@media (max-width: 768px) {
|
||||
.tabulator .tabulator-header .tabulator-col-title {
|
||||
font-size: 0.8rem; /* Kleinere tekst op kleinere schermen */
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user