Skip to content

Commit

Permalink
Minor changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@nidnogg
nidnogg committed Mar 6, 2024
1 parent 4d4a0ea commit a95ef93
Show file tree
Hide file tree
Showing 4 changed files with 16 additions and 15 deletions.
22 changes: 11 additions & 11 deletions src/App.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ function App() {
toast((t) => (
<span>
🔍 <b>Hint:</b> try setting increasing values from left to right. <br /> <br />
<button className="inline-flex justify-center rounded-md border border-transparent bg-gray-100 px-4 py-2 text-sm font-medium text-gray-900 hover:bg-gray-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2"
<button className="inline-flex justify-center rounded-md border border-transparent bg-gray-200 px-4 py-2 text-sm font-medium text-gray-900 hover:bg-gray-400 focus:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 transition ease-in-out"
onClick={() => {
localStorage.setItem('expensio_ignore_hint', 'true')
return toast.dismiss(t.id)
Expand Down Expand Up @@ -329,7 +329,7 @@ function App() {
as="h3"
className="text-lg font-medium leading-6 text-gray-900"
>
How to use this?
How to use this
</Dialog.Title>
<div className="mt-2 flex flex-col gap-3">
<p className="text-sm text-gray-600">
Expand Down Expand Up @@ -383,17 +383,17 @@ function App() {
<div className="block w-5 absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">
<span
aria-hidden="true"
className={`block absolute top-[6px] h-0.5 w-5 bg-current transform transition duration-500 ease-in-out ${open ? 'rotate-45 -translate-y-1.5' : ''
className={`block absolute top-[6px] h-0.5 w-5 bg-current transform transition duration-437 ease-in-out ${open ? 'rotate-45 -translate-y-1.5' : ''
}`}
></span>
<span
aria-hidden="true"
className={`block absolute h-0.5 w-5 bg-current transform transition duration-500 ease-in-out ${open ? 'opacity-0' : ''
className={`block absolute h-0.5 w-5 bg-current transform transition duration-437 ease-in-out ${open ? 'opacity-0' : ''
}`}
></span>
<span
aria-hidden="true"
className={`block absolute bottom-[4px] h-0.5 w-5 bg-current transform transition duration-500 ease-in-out ${open ? '-rotate-45 translate-y-1.5' : ''
className={`block absolute bottom-[4px] h-0.5 w-5 bg-current transform transition duration-437 ease-in-out ${open ? '-rotate-45 translate-y-1.5' : ''
}`}
></span>
</div>
Expand All @@ -413,26 +413,26 @@ function App() {
leaveFrom="transform opacity-100 scale-100"
leaveTo="transform opacity-0 scale-95"
>
<Menu.Items className="absolute right-0 mt-2 w-56 origin-top-right divide-y divide-zinc-800 rounded-md bg-[#1a1a1a] shadow-lg ring-1 ring-black/5 focus:outline-none">
<Menu.Items className="absolute right-0 mt-2 w-56 origin-top-right divide-y divide-zinc-800 rounded-md bg-[#1a1a1a] shadow-lg ring-1 ring-black/5 focus:outline-none transition ease-in-out">
<div className="px-1 py-1 flex flex-col gap-2">
<Menu.Item>
{({ active }) => (
<button
className={`${active ? 'bg-zinc-800 text-white' : 'text-white'
} group flex w-full items-center rounded-md px-2 py-2 text-sm`}
} group flex w-full items-center rounded-md px-2 py-2 text-sm transition ease-in-out`}
onClick={openModal}

>
<InformationCircleIcon className="w-5 h-5 self-center" aria-hidden="true" />
How to use this?
How to use this
</button>
)}
</Menu.Item>
<Menu.Item>
{({ active }) => (
<button
className={`${active ? 'bg-violet-500 text-white' : 'text-white'
} group flex w-full items-center rounded-md px-2 py-2 text-sm`}
className={`${active ? 'bg-zinc-800 text-white' : 'text-white'
} group flex w-full items-center rounded-md px-2 py-2 text-sm transition ease-in-out`}
onClick={() => { hasCache ? clearCacheData() : saveDataForNextVisit() }}
>
{cacheText}
Expand Down Expand Up @@ -492,7 +492,7 @@ function App() {
>
<span className="flex flex-row gap-2 text-center">
<InformationCircleIcon className="w-5 h-5 self-center" aria-hidden="true" />
How to use this?
How to use this
</span>
</button>
<button className="btn-base" onClick={() => { hasCache ? clearCacheData() : saveDataForNextVisit() }}>{cacheText}</button>
Expand Down
4 changes: 2 additions & 2 deletions src/CompareSelector.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@ const CompareCountrySelector: React.FC<CompareCountrySelectorProps> = ({selected
leaveTo="opacity-0"
afterLeave={() => setQuery('')}
>
<Combobox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-900 text-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm">
<Combobox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-zinc-900 text-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm">
{filteredCountries.length === 0 && query !== '' ? (
<div className="relative cursor-default select-none px-4 py-2 text-gray-700">
Nothing found.
Expand All @@ -62,7 +62,7 @@ const CompareCountrySelector: React.FC<CompareCountrySelectorProps> = ({selected
<Combobox.Option
key={country.id}
className={({ active }) =>
`relative cursor-default select-none py-2 pl-10 pr-4 ${active ? 'bg-gray-700 text-white' : 'text-white-900'}`
`relative cursor-default select-none py-2 pl-10 pr-4 ${active ? 'bg-zinc-700 text-white' : 'text-white-900'}`
}
value={country.id}
>
Expand Down
4 changes: 2 additions & 2 deletions src/CountrySelector.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ const CountrySelector: React.FC<CountrySelectorProps> = ({ selectedCountry, setS
leaveTo="opacity-0"
afterLeave={() => setQuery('')}
>
<Combobox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-gray-900 text-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm">
<Combobox.Options className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-zinc-900 text-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm">
{filteredCountries.length === 0 && query !== '' ? (
<div className="relative cursor-default select-none px-4 py-2 text-gray-700">
Nothing found.
Expand All @@ -60,7 +60,7 @@ const CountrySelector: React.FC<CountrySelectorProps> = ({ selectedCountry, setS
<Combobox.Option
key={country.id}
className={({ active }) =>
`relative cursor-default select-none py-2 pl-10 pr-4 ${active ? 'bg-gray-700 text-white' : 'text-white-900'
`relative cursor-default select-none py-2 pl-10 pr-4 ${active ? 'bg-zinc-700 text-white' : 'text-white-900'
}`
}
value={country.id}
Expand Down
1 change: 1 addition & 0 deletions src/MeterCompare.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,7 @@ const MeterCompare: React.FC<MeterCompareProps> = ({ baseSlotValuesToCompare, ex
<input
type="number"
value={exactValues ? convertedValue.toFixed(4) : Math.round(convertedValue) }
className="[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none"
readOnly
/>
</div>
Expand Down

0 comments on commit a95ef93

Please sign in to comment.