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

fix(css): fix cog icon size on media detail pages (#1520)

Browse Source
This commit is contained in:
TheCatLady
2021-04-27 23:21:22 -04:00
committed by GitHub
parent 85899ab49a
commit 26ddc03b2c
5 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/MovieDetails/index.tsx
View File

@@ -445,7 +445,7 @@ const MovieDetails: React.FC<MovieDetailsProps> = ({ movie }) => {
className="ml-2 first:ml-0" className="ml-2 first:ml-0"
onClick={() => setShowManager(true)} onClick={() => setShowManager(true)}
> >
<CogIcon className="w-5" /> <CogIcon />
</Button> </Button>
)} )}
</div> </div>

6
src/components/RequestBlock/index.tsx
View File

@@ -101,7 +101,7 @@ const RequestBlock: React.FC<RequestBlockProps> = ({ request, onUpdate }) => {
onClick={() => updateRequest('approve')} onClick={() => updateRequest('approve')}
disabled={isUpdating} disabled={isUpdating}
> >
<CheckIcon /> <CheckIcon className="icon-sm" />
</Button> </Button>
<Button <Button
buttonType="danger" buttonType="danger"
@@ -116,7 +116,7 @@ const RequestBlock: React.FC<RequestBlockProps> = ({ request, onUpdate }) => {
onClick={() => setShowEditModal(true)} onClick={() => setShowEditModal(true)}
disabled={isUpdating} disabled={isUpdating}
> >
<PencilIcon /> <PencilIcon className="icon-sm" />
</Button> </Button>
</> </>
)} )}
@@ -126,7 +126,7 @@ const RequestBlock: React.FC<RequestBlockProps> = ({ request, onUpdate }) => {
onClick={() => deleteRequest()} onClick={() => deleteRequest()}
disabled={isUpdating} disabled={isUpdating}
> >
<TrashIcon /> <TrashIcon className="icon-sm" />
</Button> </Button>
)} )}
</div> </div>

4
src/components/Settings/SettingsLogs/index.tsx
View File

@@ -329,7 +329,7 @@ const SettingsLogs: React.FC = () => {
onClick={() => setActiveLog(row)} onClick={() => setActiveLog(row)}
className="mr-2" className="mr-2"
> >
<DocumentSearchIcon /> <DocumentSearchIcon className="icon-md" />
</Button> </Button>
)} )}
<Button <Button
@@ -337,7 +337,7 @@ const SettingsLogs: React.FC = () => {
buttonSize="sm" buttonSize="sm"
onClick={() => copyLogString(row)} onClick={() => copyLogString(row)}
> >
<ClipboardCopyIcon /> <ClipboardCopyIcon className="icon-md" />
</Button> </Button>
</Table.TD> </Table.TD>
</tr> </tr>

2
src/components/TvDetails/index.tsx
View File

@@ -478,7 +478,7 @@ const TvDetails: React.FC<TvDetailsProps> = ({ tv }) => {
className="ml-2 first:ml-0" className="ml-2 first:ml-0"
onClick={() => setShowManager(true)} onClick={() => setShowManager(true)}
> >
<CogIcon className="w-5" /> <CogIcon />
</Button> </Button>
)} )}
</div> </div>

14
src/styles/globals.css
View File

@@ -295,12 +295,8 @@ button.input-action svg,
@apply w-5 h-5 mr-2 last:mr-0; @apply w-5 h-5 mr-2 last:mr-0;
} }
.button-md svg {
@apply last:w-4 last:h-4;
}
.button-sm svg { .button-sm svg {
@apply w-4 h-4 mr-1.5 last:w-5 last:h-5 last:mr-0; @apply w-4 h-4 mr-1.5 last:mr-0;
} }
.modal-icon { .modal-icon {
@@ -311,6 +307,14 @@ button.input-action svg,
@apply w-6 h-6; @apply w-6 h-6;
} }
svg.icon-md {
@apply w-5 h-5;
}
svg.icon-sm {
@apply w-4 h-4;
}
.protocol { .protocol {
@apply inline-flex items-center px-3 text-gray-100 bg-gray-600 border border-r-0 border-gray-500 cursor-default rounded-l-md sm:text-sm; @apply inline-flex items-center px-3 text-gray-100 bg-gray-600 border border-r-0 border-gray-500 cursor-default rounded-l-md sm:text-sm;
} }