Ilyas/chto-ty-umeesh-ranee-ya-sozd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix css for cdn tailwind

Browse Source
This commit is contained in:
Ilyas 2026-08-10 10:40:23 +00:00
parent c6bb22ff3f
commit b9d005ae98
1 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
index.html
View File

@ -21,17 +21,23 @@
}
</script>
<style>
.btn-primary { @apply bg-primary-600 hover:bg-primary-700 text-white font-medium py-2 px-4 rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed; }
.btn-secondary { @apply bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-lg transition-colors; }
.input-field { @apply w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500 outline-none; }
.card { @apply bg-white rounded-xl shadow-md p-6; }
.table-container { @apply overflow-x-auto rounded-lg border border-gray-200; }
.table { @apply min-w-full divide-y divide-gray-200; }
.table th { @apply px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase; }
.table td { @apply px-6 py-4 whitespace-nowrap text-sm text-gray-900; }
.table tr:hover { @apply bg-gray-50; }
.nav-link { @apply px-3 py-2 rounded-md text-sm font-medium hover:bg-primary-600; }
.nav-link.active { @apply bg-primary-800; }
.btn-primary { background-color: #0052cc; color: white; font-weight: 500; padding: 0.5rem 1rem; border-radius: 0.5rem; transition: background-color 0.2s; }
.btn-primary:hover { background-color: #003d99; }
.btn-primary:disabled { opacity: 0.5; cursor: not-allowed; }
.btn-secondary { background-color: #e5e7eb; color: #1f2937; font-weight: 500; padding: 0.5rem 1rem; border-radius: 0.5rem; transition: background-color 0.2s; }
.btn-secondary:hover { background-color: #d1d5db; }
.input-field { width: 100%; padding: 0.5rem 0.75rem; border: 1px solid #d1d5db; border-radius: 0.5rem; outline: none; }
.input-field:focus { ring: 2px; ring-color: #0066ff; border-color: #0066ff; }
.card { background-color: white; border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1); padding: 1.5rem; }
.table-container { overflow-x: auto; border-radius: 0.5rem; border: 1px solid #e5e7eb; }
.table { width: 100%; border-collapse: collapse; }
.table thead tr { background-color: #f9fafb; }
.table th { padding: 0.75rem 1.5rem; text-align: left; font-size: 0.75rem; font-weight: 500; color: #6b7280; text-transform: uppercase; }
.table td { padding: 1rem 1.5rem; font-size: 0.875rem; color: #111827; }
.table tbody tr:hover { background-color: #f9fafb; }
.nav-link { padding: 0.5rem 0.75rem; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500; transition: background-color 0.2s; }
.nav-link:hover { background-color: #0052cc; }
.nav-link.active { background-color: #002966; }
</style>
</head>
<body class="min-h-screen bg-gray-50">
@ -85,7 +91,7 @@
<h3 id="statusText" class="text-2xl font-bold text-gray-900 mb-2">🟢 Сбор анкет открыт</h3>
<p id="statusDate" class="text-gray-600"></p>
</div>
<a href="#" onclick="showPage('form'); return false;" id="formBtn" class="btn-primary text-lg px-8 py-3">Заполнить анкету</a>
<a href="#" onclick="showPage('form'); return false;" id="formBtn" class="btn-primary text-lg px-8 py-3 inline-block">Заполнить анкету</a>
</div>
</div>
@ -408,7 +414,7 @@
document.getElementById('programDesc').textContent = data.program.description;
document.getElementById('statusText').textContent = (data.program.collectionOpen && !data.program.groupsFormed) ? '🟢 Сбор анкет открыт' : '🔴 Сбор анкет закрыт';
document.getElementById('statusDate').textContent = data.program.endDate ? 'Окончание: ' + new Date(data.program.endDate).toLocaleDateString('ru-RU') : '';
document.getElementById('formBtn').style.display = (data.program.collectionOpen && !data.program.groupsFormed) ? 'block' : 'none';
document.getElementById('formBtn').style.display = (data.program.collectionOpen && !data.program.groupsFormed) ? 'inline-block' : 'none';
// Stages
const stage = data.program.examEnabled ? 4 : (data.program.groupsFormed ? 3 : (data.program.collectionOpen ? 1 : 2));