Files
quiz-ius/header.php
2026-04-06 12:36:25 +00:00

66 lines
1.6 KiB
PHP
Executable File

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4?1234"></script>
<link rel="stylesheet" href="/style.css" class="style">
<link href="https://cdn.jsdelivr.net/npm/flowbite@3.1.2/dist/flowbite.min.css?1234" rel="stylesheet" />
<script>
</script>
<style>
/* Estilo para checkboxes mais touch-friendly */
.touch-checkbox {
position: relative;
padding: 1rem;
margin: 0.5rem 0;
border-radius: 0.5rem;
background-color: #f3f4f6;
transition: all 0.2s ease;
}
.touch-checkbox input[type="checkbox"] {
width: 24px;
height: 24px;
}
.touch-checkbox label {
padding-left: 0.5rem;
font-size: 1rem;
line-height: 24px;
}
/* Estilização para inputs mobile */
input[type="text"],
input[type="date"] {
font-size: 16px !important; /* Previne zoom em iOS */
padding: 0.75rem !important;
-webkit-appearance: none;
appearance: none;
}
/* Estilização específica para o Choices.js
.choices {
margin-bottom: 1rem;
}
.choices__inner {
padding: 0.75rem;
min-height: auto;
}
.choices__input {
font-size: 16px !important;
} */
@media (max-width: 768px) {
.touch-checkbox {
padding: 1rem 0.75rem;
}
form {
padding: 1rem;
}
}
</style>
<!-- End Header -->