mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-20 11:16:01 +00:00
using fonticon instead of span
This commit is contained in:
@@ -5,6 +5,7 @@ import styled from 'styled-components';
|
||||
import ModalHeader from './ModalHeader';
|
||||
import ModalFooter from './ModalFooter';
|
||||
import ModalContent from './ModalContent';
|
||||
import { FontIcon } from '../icons';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
display:flex
|
||||
@@ -23,7 +24,7 @@ export default function ErrorMessageModal({ modalState, title = 'Error', message
|
||||
<ModalContent>
|
||||
<Wrapper>
|
||||
<IconWrapper>
|
||||
<span className="mdi mdi-close-circle color-red" />
|
||||
<FontIcon icon="mdi mdi-close-circle color-red" />
|
||||
</IconWrapper>
|
||||
{message}
|
||||
</Wrapper>
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
import React from 'react';
|
||||
import styled from 'styled-components';
|
||||
import { FontIcon } from '../icons';
|
||||
|
||||
const Wrapper = styled.div`
|
||||
font-size: 15pt;
|
||||
@@ -23,7 +24,7 @@ export default function ModalHeader({ children, modalState }) {
|
||||
<Wrapper>
|
||||
<div>{children}</div>
|
||||
<CloseWrapper onClick={modalState.close}>
|
||||
<span className="mdi mdi-close" />
|
||||
<FontIcon icon="mdi mdi-close" />
|
||||
</CloseWrapper>
|
||||
</Wrapper>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user