apricote/Listory
1
0
Fork 0
mirror of https://github.com/apricote/Listory.git synced 2026-01-13 21:21:02 +00:00
Code Issues Projects Releases Packages Wiki Activity

chore(frontend): upgrade to tailwind v2

Browse source
This commit is contained in:
Julian Tölle 2021-05-22 17:30:52 +02:00
parent 461762f678
commit 3228b22741
9 changed files with 1291 additions and 520 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/components/LoginFailure.tsx
View file

@ -9,7 +9,7 @@ export const LoginFailure: React.FC = () => {
return (
<div
className="bg-orange-100 border-l-4 border-orange-500 text-orange-700 p-4 m-8"
className="bg-yellow-100 border-l-4 border-yellow-500 text-yellow-700 p-4 m-8"
role="alert"
>
<p className="font-bold">Login Failure</p>

2
frontend/src/components/RecentListens.tsx
View file

@ -139,7 +139,7 @@ const ListenItem: React.FC<{ listen: Listen }> = ({ listen }) => {
<div className="md:w-1/2 font-bold">{trackName}</div>
<div className=" md:w-1/3">{artists}</div>
<div
className="md:w-1/6 text-gray-500 font-thin text-sm"
className="md:w-1/6 text-gray-500 font-extra-light text-sm"
title={dateTime}
>
{timeAgo}

2
frontend/src/components/ReportListens.tsx
View file

@ -56,7 +56,7 @@ export const ReportListens: React.FC = () => {
<div className="text-gray-700">
<label className="text-sm">Timeframe</label>
<select
className="block appearance-none min-w-full md:win-w-0 md:w-1/4 bg-white border border-gray-400 hover:border-gray-500 p-2 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
className="block appearance-none min-w-full md:win-w-0 md:w-1/4 bg-white border border-gray-400 hover:border-gray-500 p-2 rounded shadow leading-tight focus:outline-none focus:ring"
onChange={(e) =>
setTimeFrame(
e.target.value as "day" | "week" | "month" | "year"

2
frontend/src/components/ReportTimeOptions.tsx
View file

@ -27,7 +27,7 @@ export const ReportTimeOptions: React.FC<ReportTimeOptionsProps> = ({
<div className="text-gray-700">
<label className="text-sm">Timeframe</label>
<select
className="block appearance-none min-w-full md:w-1/4 bg-white border border-gray-400 hover:border-gray-500 p-2 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
className="block appearance-none min-w-full md:w-1/4 bg-white border border-gray-400 hover:border-gray-500 p-2 rounded shadow leading-tight focus:outline-none focus:ring"
onChange={(e) =>
setTimeOptions({
...timeOptions,

2
frontend/src/components/inputs/DateSelect.tsx
View file

@ -21,7 +21,7 @@ export const DateSelect: React.FC<DateSelectProps> = ({
<div>
<label className="text-sm">{label}</label>
<input
className="block appearance-none min-w-full md:win-w-0 md:w-1/4 bg-white border border-gray-400 hover:border-gray-500 p-2 rounded shadow leading-tight focus:outline-none focus:shadow-outline"
className="block appearance-none min-w-full md:win-w-0 md:w-1/4 bg-white border border-gray-400 hover:border-gray-500 p-2 rounded shadow leading-tight focus:outline-none focus:ring"
type="date"
value={formatDateForDateInput(value)}
onChange={(e) => onChange(parseDateFromDateInput(e.target.value))}