Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix styling on alert modals

Browse Source
This commit is contained in:
blessedcoolant 2022-11-21 12:25:09 +13:00
parent ef482b4d3e
commit cb7458db77
2 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/features/gallery/components/DeleteImageModal.tsx
View File

@ -25,7 +25,10 @@ import {
import { useAppDispatch, useAppSelector } from 'app/store';
import { deleteImage } from 'app/socketio/actions';
import { RootState } from 'app/store';
import { setShouldConfirmOnDelete, SystemState } from 'features/system/store/systemSlice';
import {
setShouldConfirmOnDelete,
SystemState,
} from 'features/system/store/systemSlice';
import * as InvokeAI from 'app/invokeai';
import { useHotkeys } from 'react-hotkeys-hook';
import _ from 'lodash';
@ -105,7 +108,7 @@ const DeleteImageModal = forwardRef(
onClose={onClose}
>
<AlertDialogOverlay>
<AlertDialogContent>
<AlertDialogContent className="modal">
<AlertDialogHeader fontSize="lg" fontWeight="bold">
Delete image
</AlertDialogHeader>
@ -127,7 +130,11 @@ const DeleteImageModal = forwardRef(
</Flex>
</AlertDialogBody>
<AlertDialogFooter>
<Button ref={cancelRef} onClick={onClose}>
<Button
ref={cancelRef}
onClick={onClose}
className="modal-close-btn"
>
Cancel
</Button>
<Button colorScheme="red" onClick={handleDelete} ml={3}>

9
frontend/src/features/system/components/ClearTempFolderButtonModal.tsx
View File

@ -6,6 +6,7 @@ import {
AlertDialogHeader,
AlertDialogOverlay,
Button,
Flex,
useDisclosure,
} from '@chakra-ui/react';
import { emptyTempFolder } from 'app/socketio/actions';
@ -42,7 +43,7 @@ const ClearTempFolderButtonModal = () => {
onClose={onClose}
>
<AlertDialogOverlay>
<AlertDialogContent>
<AlertDialogContent className="modal">
<AlertDialogHeader fontSize="lg" fontWeight="bold">
Clear Temp Image Folder
</AlertDialogHeader>
@ -58,7 +59,11 @@ const ClearTempFolderButtonModal = () => {
</AlertDialogBody>
<AlertDialogFooter>
<Button ref={cancelRef} onClick={onClose}>
<Button
ref={cancelRef}
onClick={onClose}
className="modal-close-btn"
>
Cancel
</Button>
<Button colorScheme="red" onClick={handleClear} ml={3}>