albert/erettsegi-browser
1
0
Fork 0
mirror of https://github.com/skidoodle/erettsegi-browser.git synced 2025-02-15 05:39:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Update select colors

Browse Source
This commit is contained in:
skidoodle
2023-09-15 21:20:35 +02:00
parent f7a8512076
commit d7a9484efa
2 changed files with 6 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/index.tsx
View File

@@ -67,7 +67,7 @@ export default function Home() {
<select
value={selectedSubject}
onChange={(e) => setSelectedSubject(e.target.value)}
className="w-56 max-w-lg h-10 px-4 text-sm bg-white border border-gray-300 rounded-lg focus:outline-none"
className="bg-[#181a1b] text-[#efefef] w-56 max-w-lg h-10 px-4 text-sm border border-[#3C4143] rounded-lg focus:outline-none"
>
<option value="">Tantárgy</option>
{subjects.map((subject) => (
@@ -84,7 +84,7 @@ export default function Home() {
<select
value={selectedYear}
onChange={(e) => setSelectedYear(e.target.value)}
className="w-56 max-w-lg h-10 px-4 text-sm bg-white border border-gray-300 rounded-lg focus:outline-none"
className="bg-[#181a1b] text-[#efefef] w-56 max-w-lg h-10 px-4 text-sm border border-[#3C4143] rounded-lg focus:outline-none"
>
<option value="">Év</option>
{years.map((year) => (
@@ -98,7 +98,7 @@ export default function Home() {
<select
value={selectedSeason}
onChange={(e) => setSelectedSeason(e.target.value)}
className="w-56 max-w-lg h-10 px-4 text-sm bg-white border border-gray-300 rounded-lg focus:outline-none"
className="bg-[#181a1b] text-[#efefef] w-56 max-w-lg h-10 px-4 text-sm border border-[#3C4143] rounded-lg focus:outline-none"
>
<option value="">Évszak</option>
<option value="osz">Ősz</option>
@@ -109,7 +109,7 @@ export default function Home() {
<select
value={selectedLevel}
onChange={(e) => setSelectedLevel(e.target.value)}
className="w-56 max-w-lg h-10 px-4 text-sm bg-white border border-gray-300 rounded-lg focus:outline-none"
className="bg-[#181a1b] text-[#efefef] w-56 max-w-lg h-10 px-4 text-sm border border-[#3C4143] rounded-lg focus:outline-none"
>
<option value="">Szint</option>
<option value="kozep">Közép</option>
@@ -120,7 +120,7 @@ export default function Home() {
<select
value={selectedType}
onChange={(e) => setSelectedType(e.target.value)}
className="w-56 max-w-lg h-10 px-4 text-sm bg-white border border-gray-300 rounded-lg focus:outline-none"
className="bg-[#181a1b] text-[#efefef] w-56 max-w-lg h-10 px-4 text-sm border border-[#3C4143] rounded-lg focus:outline-none"
>
<option value="">Típus</option>
<option value="fl">Feladatlap</option>

18
src/styles/globals.css
View File

@@ -2,22 +2,6 @@
@tailwind components;
@tailwind utilities;
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: #121212;
color: #efefef;
}
option {
background-color: #121212;
color: #efefef;
}
select {
color: #121212;
background-color: #0e0f0f;
}