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): tweak styling of sidebar & user profile quota display (#1823)

Browse Source 
* refactor(ui): tweak styling of sidebar & user profile quota display

* refactor(ui): adjust sidebar gradient to match theme color

Co-authored-by: sct <ryan@sct.dev>
This commit is contained in:
TheCatLady
2021-06-23 03:38:07 -04:00
committed by GitHub
parent 25b5c6ebb5
commit 4eab2fea73
4 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/UserProfile/index.tsx
View File

@@ -99,7 +99,7 @@ const UserProfile: React.FC = () => {
<div className="relative z-40">
<dl className="grid grid-cols-1 gap-5 mt-5 lg:grid-cols-3">
<div className="px-4 py-5 overflow-hidden bg-gray-800 bg-opacity-50 rounded-lg shadow ring-1 ring-gray-700 sm:p-6">
<dt className="text-sm font-medium text-gray-300 truncate">
<dt className="text-sm font-bold text-gray-300 truncate">
{intl.formatMessage(messages.totalrequests)}
</dt>
<dd className="mt-1 text-3xl font-semibold text-white">
@@ -115,11 +115,11 @@ const UserProfile: React.FC = () => {
} sm:p-6`}
>
<dt
className={`text-sm font-medium truncate ${
className={`text-sm font-bold truncate ${
quota.movie.restricted ? 'text-red-500' : 'text-gray-300'
}`}
>
{quota.tv.limit
{quota.movie.limit
? intl.formatMessage(messages.pastdays, {
type: intl.formatMessage(messages.movierequests),
days: quota?.movie.days,
@@ -159,7 +159,7 @@ const UserProfile: React.FC = () => {
</div>
</>
) : (
<span className="text-3xl">
<span className="text-3xl font-semibold">
{intl.formatMessage(messages.unlimited)}
</span>
)}
@@ -174,7 +174,7 @@ const UserProfile: React.FC = () => {
} sm:p-6`}
>
<dt
className={`text-sm font-medium truncate ${
className={`text-sm font-bold truncate ${
quota.tv.restricted ? 'text-red-500' : 'text-gray-300'
}`}
>
@@ -218,7 +218,7 @@ const UserProfile: React.FC = () => {
</div>
</>
) : (
<span className="text-3xl">
<span className="text-3xl font-semibold">
{intl.formatMessage(messages.unlimited)}
</span>
)}