mirror of
https://github.com/strapi/strapi.git
synced 2025-11-02 02:44:55 +00:00
font-weight and alignment
Signed-off-by: Virginie Ky <virginie.ky@gmail.com>
This commit is contained in:
parent
3e98f25376
commit
45ecaec15c
@ -99,16 +99,13 @@ const Wrapper = styled.div`
|
||||
padding: 0 15px;
|
||||
margin: 0;
|
||||
border-radius: 2px !important;
|
||||
line-height: 24px;
|
||||
line-height: 23px;
|
||||
font-size: 13px;
|
||||
font-weight: 500 !important;
|
||||
cursor: pointer;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
line-height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -106,9 +106,6 @@ function EditView() {
|
||||
id: 'Settings.webhooks.trigger',
|
||||
}),
|
||||
onClick: () => handleTrigger(),
|
||||
style: {
|
||||
padding: '0 15px',
|
||||
},
|
||||
title: isTriggerActionDisabled
|
||||
? formatMessage({
|
||||
id: 'Settings.webhooks.trigger.save',
|
||||
@ -117,8 +114,8 @@ function EditView() {
|
||||
type: 'button',
|
||||
icon: (
|
||||
<Play
|
||||
width="14px"
|
||||
height="14px"
|
||||
width="8px"
|
||||
height="10px"
|
||||
fill={isTriggerActionDisabled ? '#b4b6ba' : '#ffffff'}
|
||||
/>
|
||||
),
|
||||
@ -131,7 +128,8 @@ function EditView() {
|
||||
}),
|
||||
onClick: () => handleReset(),
|
||||
style: {
|
||||
padding: '0 20px',
|
||||
paddingLeft: '20px',
|
||||
paddingRight: '20px',
|
||||
},
|
||||
type: 'button',
|
||||
},
|
||||
|
||||
@ -25,7 +25,9 @@ const primary = css`
|
||||
min-width: 14rem;
|
||||
font-weight: 500;
|
||||
border: 1px solid;
|
||||
background: linear-gradient(315deg, #0097f6 0%, #005eea 100%);
|
||||
background-color: #007EFF;
|
||||
|
||||
background:
|
||||
-webkit-font-smoothing: antialiased;
|
||||
color: white;
|
||||
&:active {
|
||||
@ -144,7 +146,7 @@ const StyledButton = styled.button`
|
||||
border-radius: 0.3rem;
|
||||
white-space: nowrap;
|
||||
margin-right: 1.8rem;
|
||||
line-height: 26px;
|
||||
line-height: 25px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
font-family: Lato;
|
||||
|
||||
@ -13,7 +13,7 @@ const FooterModal = styled.div`
|
||||
padding-top: ${sizes.margin * 0.9}px;
|
||||
section {
|
||||
display: flex;
|
||||
height: 72px;
|
||||
height: 73px;
|
||||
padding: 0 ${sizes.margin * 3}px;
|
||||
justify-content: flex-end;
|
||||
&:last-of-type {
|
||||
|
||||
@ -4,6 +4,7 @@ const ListButton = styled.div`
|
||||
button {
|
||||
width: 100%;
|
||||
height: 54px;
|
||||
border: 0;
|
||||
border-top: 1px solid #aed4fb;
|
||||
color: #007eff;
|
||||
font-weight: 500;
|
||||
|
||||
@ -11,11 +11,12 @@ const StyledPluginHeaderActions = styled.div`
|
||||
justify-content: flex-end;
|
||||
width: fit-content;
|
||||
max-width: 100%;
|
||||
padding-top: 0.9rem;
|
||||
padding-top: 1rem;
|
||||
button {
|
||||
margin-right: 0;
|
||||
margin-left: 1rem;
|
||||
max-width: 100%;
|
||||
font-weight: bold;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
@ -3,7 +3,7 @@ import styled from 'styled-components';
|
||||
const StyledFooter = styled.div`
|
||||
display: flex;
|
||||
width: 100%;
|
||||
margin-top: 18px;
|
||||
margin-top: 19px;
|
||||
justify-content: space-between;
|
||||
background-color: #eff3f6;
|
||||
padding: 15px 30px 17px 30px;
|
||||
|
||||
@ -12,9 +12,6 @@ export { default as Button } from './components/Button';
|
||||
export { default as ButtonModal } from './components/ButtonModal';
|
||||
export { default as CircleButton } from './components/CircleButton';
|
||||
export { default as ContainerFluid } from './components/ContainerFluid';
|
||||
export {
|
||||
default as EmptyAttributesBlock,
|
||||
} from './components/EmptyAttributesBlock';
|
||||
export { default as ErrorBoundary } from './components/ErrorBoundary';
|
||||
export { default as ExtendComponent } from './components/ExtendComponent';
|
||||
export { default as GlobalPagination } from './components/GlobalPagination';
|
||||
@ -24,54 +21,32 @@ export { default as HeaderModalTitle } from './components/HeaderModalTitle';
|
||||
export { default as IcoContainer } from './components/IcoContainer';
|
||||
export { default as InputAddon } from './components/InputAddon';
|
||||
|
||||
export {
|
||||
default as InputAddonWithErrors,
|
||||
} from './components/InputAddonWithErrors';
|
||||
export { default as InputAddonWithErrors } from './components/InputAddonWithErrors';
|
||||
export { default as InputCheckbox } from './components/InputCheckbox';
|
||||
export {
|
||||
default as InputCheckboxWithErrors,
|
||||
} from './components/InputCheckboxWithErrors';
|
||||
export { default as InputCheckboxWithErrors } from './components/InputCheckboxWithErrors';
|
||||
export { default as InputDate } from './components/InputDate';
|
||||
export {
|
||||
default as InputDateWithErrors,
|
||||
} from './components/InputDateWithErrors';
|
||||
export { default as InputDateWithErrors } from './components/InputDateWithErrors';
|
||||
export { default as InputDescription } from './components/InputDescription';
|
||||
export { default as InputEmail } from './components/InputEmail';
|
||||
export {
|
||||
default as InputEmailWithErrors,
|
||||
} from './components/InputEmailWithErrors';
|
||||
export { default as InputEmailWithErrors } from './components/InputEmailWithErrors';
|
||||
export { default as InputErrors } from './components/InputErrors';
|
||||
export { default as InputFile } from './components/InputFile';
|
||||
export { default as InputNumber } from './components/InputNumber';
|
||||
export {
|
||||
default as InputNumberWithErrors,
|
||||
} from './components/InputNumberWithErrors';
|
||||
export { default as InputNumberWithErrors } from './components/InputNumberWithErrors';
|
||||
export { default as InputPassword } from './components/InputPassword';
|
||||
export {
|
||||
default as InputPasswordWithErrors,
|
||||
} from './components/InputPasswordWithErrors';
|
||||
export { default as InputPasswordWithErrors } from './components/InputPasswordWithErrors';
|
||||
export { default as InputSearch } from './components/InputSearch';
|
||||
export {
|
||||
default as InputSearchWithErrors,
|
||||
} from './components/InputSearchWithErrors';
|
||||
export { default as InputSearchWithErrors } from './components/InputSearchWithErrors';
|
||||
export { default as InputSelect } from './components/InputSelect';
|
||||
export {
|
||||
default as InputSelectWithErrors,
|
||||
} from './components/InputSelectWithErrors';
|
||||
export { default as InputSelectWithErrors } from './components/InputSelectWithErrors';
|
||||
export { default as InputsIndex } from './components/InputsIndex';
|
||||
export { default as InputSpacer } from './components/InputSpacer';
|
||||
export { default as InputText } from './components/InputText';
|
||||
export {
|
||||
default as InputTextWithErrors,
|
||||
} from './components/InputTextWithErrors';
|
||||
export { default as InputTextWithErrors } from './components/InputTextWithErrors';
|
||||
export { default as InputTextArea } from './components/InputTextArea';
|
||||
export {
|
||||
default as InputTextAreaWithErrors,
|
||||
} from './components/InputTextAreaWithErrors';
|
||||
export { default as InputTextAreaWithErrors } from './components/InputTextAreaWithErrors';
|
||||
export { default as InputToggle } from './components/InputToggle';
|
||||
export {
|
||||
default as InputToggleWithErrors,
|
||||
} from './components/InputToggleWithErrors';
|
||||
export { default as InputToggleWithErrors } from './components/InputToggleWithErrors';
|
||||
|
||||
export { default as Label } from './components/Label';
|
||||
export { default as LeftMenu } from './components/LeftMenu';
|
||||
@ -86,9 +61,7 @@ export { default as ListTitle } from './components/ListTitle';
|
||||
|
||||
export { default as LoadingBar } from './components/LoadingBar';
|
||||
export { default as LoadingIndicator } from './components/LoadingIndicator';
|
||||
export {
|
||||
default as LoadingIndicatorPage,
|
||||
} from './components/LoadingIndicatorPage';
|
||||
export { default as LoadingIndicatorPage } from './components/LoadingIndicatorPage';
|
||||
|
||||
export { default as Modal } from './components/Modal';
|
||||
export { default as ModalBody } from './components/BodyModal';
|
||||
|
||||
@ -2,11 +2,17 @@ import React from 'react';
|
||||
import PropTypes from 'prop-types';
|
||||
|
||||
const SvgCompo = props => (
|
||||
<svg width="13" height="13" xmlns="http://www.w3.org/2000/svg" {...props}>
|
||||
<svg
|
||||
width="13"
|
||||
height="11"
|
||||
viewBox="0 0 13 11"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
{...props}
|
||||
>
|
||||
<g fill={props.fill} fillRule="evenodd">
|
||||
<rect x="4" y="8" width="9" height="3" rx="1.5" />
|
||||
<rect y="4" width="9" height="3" rx="1.5" />
|
||||
<rect x="3" width="9" height="3" rx="1.5" />
|
||||
<rect id="Rectangle" x="4" y="8" width="9" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle" x="0" y="4" width="9" height="3" rx="1.5"></rect>
|
||||
<rect id="Rectangle" x="3" y="0" width="9" height="3" rx="1.5"></rect>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@ -5,7 +5,7 @@ import PropTypes from 'prop-types';
|
||||
/* eslint-disable indent */
|
||||
|
||||
const Wrapper = styled.div`
|
||||
min-height: 199px;
|
||||
min-height: 198px;
|
||||
margin-top: -2px;
|
||||
margin-bottom: -2px;
|
||||
|
||||
|
||||
@ -2,8 +2,6 @@ import styled from 'styled-components';
|
||||
import { Button } from '@buffetjs/core';
|
||||
|
||||
const CustomButton = styled(Button)`
|
||||
line-height: 30px;
|
||||
padding: 0 15px;
|
||||
svg {
|
||||
height: 11px;
|
||||
width: 11px;
|
||||
|
||||
@ -11,14 +11,6 @@ const Wrapper = styled(ViewContainer)`
|
||||
.button-submit {
|
||||
min-width: 140px;
|
||||
}
|
||||
.add-button {
|
||||
line-height: 30px;
|
||||
svg {
|
||||
height: 11px;
|
||||
width: 11px;
|
||||
vertical-align: initial;
|
||||
}
|
||||
}
|
||||
`;
|
||||
|
||||
export default Wrapper;
|
||||
|
||||
@ -254,7 +254,6 @@ const ListView = () => {
|
||||
|
||||
const addButtonProps = {
|
||||
icon: true,
|
||||
className: 'add-button',
|
||||
color: 'primary',
|
||||
label: formatMessage({ id: `${pluginId}.button.attributes.add.another` }),
|
||||
onClick: () => {
|
||||
@ -278,8 +277,7 @@ const ListView = () => {
|
||||
color: 'secondary',
|
||||
label: formatMessage({ id: `${pluginId}.form.button.configure-view` }),
|
||||
onClick: goToCMSettingsPage,
|
||||
style: { height: '30px', marginTop: '1px' },
|
||||
className: 'button-secondary',
|
||||
style: { marginTop: '2px' },
|
||||
};
|
||||
|
||||
const listActions = isInDevelopmentMode
|
||||
|
||||
@ -39,7 +39,7 @@ const Verb = styled.div`
|
||||
border-radius: 3px;
|
||||
color: #ffffff;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
&.get {
|
||||
|
||||
@ -63,10 +63,9 @@ const Label = styled.label`
|
||||
content: '\f068';
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 3px;
|
||||
left: 2px;
|
||||
font-size: 10px;
|
||||
font-family: 'FontAwesome';
|
||||
font-weight: 100;
|
||||
color: #1c5de7;
|
||||
}
|
||||
}
|
||||
|
||||
@ -71,7 +71,6 @@ const Label = styled.label`
|
||||
left: 17px;
|
||||
font-size: 10px;
|
||||
font-family: 'FontAwesome';
|
||||
font-weight: 100;
|
||||
color: #1c5de7;
|
||||
transition: all 0.2s;
|
||||
}
|
||||
|
||||
@ -9,7 +9,7 @@ const Header = styled.div`
|
||||
margin-bottom: 1.1rem;
|
||||
padding-top: 2.8rem;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
font-weight: 600;
|
||||
line-height: 3.6rem;
|
||||
`;
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user