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 Projects Releases Packages 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 <select
value={selectedSubject} value={selectedSubject}
onChange={(e) => setSelectedSubject(e.target.value)} 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> <option value="">Tantárgy</option>
{subjects.map((subject) => ( {subjects.map((subject) => (
@ -84,7 +84,7 @@ export default function Home() {
<select <select
value={selectedYear} value={selectedYear}
onChange={(e) => setSelectedYear(e.target.value)} 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> <option value="">Év</option>
{years.map((year) => ( {years.map((year) => (
@ -98,7 +98,7 @@ export default function Home() {
<select <select
value={selectedSeason} value={selectedSeason}
onChange={(e) => setSelectedSeason(e.target.value)} 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="">Évszak</option>
<option value="osz">Ősz</option> <option value="osz">Ősz</option>
@ -109,7 +109,7 @@ export default function Home() {
<select <select
value={selectedLevel} value={selectedLevel}
onChange={(e) => setSelectedLevel(e.target.value)} 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="">Szint</option>
<option value="kozep">Közép</option> <option value="kozep">Közép</option>
@ -120,7 +120,7 @@ export default function Home() {
<select <select
value={selectedType} value={selectedType}
onChange={(e) => setSelectedType(e.target.value)} 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="">Típus</option>
<option value="fl">Feladatlap</option> <option value="fl">Feladatlap</option>

18
src/styles/globals.css
View file

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