shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor(ui): add borders to request cards

Browse Source
This commit is contained in:
sct
2021-03-09 04:29:51 +00:00
parent 69bf817f59
commit f5fc0545a4
2 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Layout/UserDropdown/index.tsx
View File

@@ -31,13 +31,17 @@ const UserDropdown: React.FC = () => {
<div className="relative ml-3"> <div className="relative ml-3">
<div> <div>
<button <button
className="flex items-center max-w-xs text-sm rounded-full focus:outline-none focus:ring" className="flex items-center max-w-xs text-sm rounded-full ring-1 ring-gray-700 focus:outline-none focus:ring-gray-500"
id="user-menu" id="user-menu"
aria-label="User menu" aria-label="User menu"
aria-haspopup="true" aria-haspopup="true"
onClick={() => setDropdownOpen(true)} onClick={() => setDropdownOpen(true)}
> >
<img className="w-8 h-8 rounded-full" src={user?.avatar} alt="" /> <img
className="w-8 h-8 rounded-full sm:w-10 sm:h-10"
src={user?.avatar}
alt=""
/>
</button> </button>
</div> </div>
<Transition <Transition

4
src/components/RequestCard/index.tsx
View File

@@ -98,9 +98,9 @@ const RequestCard: React.FC<RequestCardProps> = ({ request, onTitleData }) => {
return ( return (
<div <div
className="relative flex p-4 text-gray-400 bg-gray-800 bg-center bg-cover rounded-xl w-72 sm:w-96" className="relative flex p-4 text-gray-400 bg-gray-700 bg-center bg-cover shadow rounded-xl w-72 sm:w-96 ring-1 ring-gray-700"
style={{ style={{
backgroundImage: `linear-gradient(180deg, rgba(17, 24, 39, 0.47) 0%, rgba(17, 24, 39, 1) 100%), url(//image.tmdb.org/t/p/w1920_and_h800_multi_faces/${title.backdropPath})`, backgroundImage: `linear-gradient(135deg, rgba(17, 24, 39, 0.47) 0%, rgba(17, 24, 39, 1) 75%), url(//image.tmdb.org/t/p/w1920_and_h800_multi_faces/${title.backdropPath})`,
}} }}
> >
<div className="flex flex-col flex-1 min-w-0 pr-4"> <div className="flex flex-col flex-1 min-w-0 pr-4">