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

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

View File

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

View File

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

View File

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

View File

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

View File

@@ -295,12 +295,8 @@ button.input-action svg,
@apply w-5 h-5 mr-2 last:mr-0;
}
.button-md svg {
@apply last:w-4 last:h-4;
}
.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 {
@@ -311,6 +307,14 @@ button.input-action svg,
@apply w-6 h-6;
}
svg.icon-md {
@apply w-5 h-5;
}
svg.icon-sm {
@apply w-4 h-4;
}
.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;
}