mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 17:40:23 +03:00
Code Issues Projects Releases Packages Wiki Activity

Ensured consistent heights in settings cards

Browse source
This commit is contained in:
Alejandro Celaya 2021-03-06 17:30:21 +01:00
parent e380ddb40f
commit e76b22b2ae
5 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/settings/RealTimeUpdates.tsx
View file

@ -15,7 +15,7 @@ const intervalValue = (interval?: number) => !interval ? '' : `${interval}`;
const RealTimeUpdates = ( const RealTimeUpdates = (
{ settings: { realTimeUpdates }, toggleRealTimeUpdates, setRealTimeUpdatesInterval }: RealTimeUpdatesProps, { settings: { realTimeUpdates }, toggleRealTimeUpdates, setRealTimeUpdatesInterval }: RealTimeUpdatesProps,
) => ( ) => (
<SimpleCard title="Real-time updates"> <SimpleCard title="Real-time updates" className="h-100">
<FormGroup> <FormGroup>
<ToggleSwitch checked={realTimeUpdates.enabled} onChange={toggleRealTimeUpdates}> <ToggleSwitch checked={realTimeUpdates.enabled} onChange={toggleRealTimeUpdates}>
Enable or disable real-time updates, when using Shlink v2.2.0 or newer. Enable or disable real-time updates, when using Shlink v2.2.0 or newer.

4
src/settings/Settings.tsx
View file

@ -7,8 +7,8 @@ const SettingsSections: FC<{ items: ReactNode[][] }> = ({ items }) => (
{items.map((child, index) => ( {items.map((child, index) => (
<Row key={index}> <Row key={index}>
{child.map((subChild, subIndex) => ( {child.map((subChild, subIndex) => (
<div key={subIndex} className="col-lg-6"> <div key={subIndex} className="col-lg-6 mb-3 mb-md-4">
<div className="mb-3 mb-md-4">{subChild}</div> {subChild}
</div> </div>
))} ))}
</Row> </Row>

2
src/settings/ShortUrlCreation.tsx
View file

@ -12,7 +12,7 @@ interface ShortUrlCreationProps {
export const ShortUrlCreation: FC<ShortUrlCreationProps> = ( export const ShortUrlCreation: FC<ShortUrlCreationProps> = (
{ settings: { shortUrlCreation }, setShortUrlCreationSettings }, { settings: { shortUrlCreation }, setShortUrlCreationSettings },
) => ( ) => (
<SimpleCard title="Short URLs creation"> <SimpleCard title="Short URLs creation" className="h-100">
<FormGroup className="mb-0"> <FormGroup className="mb-0">
<ToggleSwitch <ToggleSwitch
checked={shortUrlCreation?.validateUrls ?? false} checked={shortUrlCreation?.validateUrls ?? false}

2
src/settings/UserInterface.tsx
View file

@ -13,7 +13,7 @@ interface UserInterfaceProps {
} }
export const UserInterface: FC<UserInterfaceProps> = ({ settings: { ui }, setUiSettings }) => ( export const UserInterface: FC<UserInterfaceProps> = ({ settings: { ui }, setUiSettings }) => (
<SimpleCard title="User interface"> <SimpleCard title="User interface" className="h-100">
<FontAwesomeIcon icon={ui?.theme === 'dark' ? faMoon : faSun} className="user-interface__theme-icon" /> <FontAwesomeIcon icon={ui?.theme === 'dark' ? faMoon : faSun} className="user-interface__theme-icon" />
<ToggleSwitch <ToggleSwitch
checked={ui?.theme === 'dark'} checked={ui?.theme === 'dark'}

2
src/settings/Visits.tsx
View file

@ -10,7 +10,7 @@ interface VisitsProps {
} }
export const Visits: FC<VisitsProps> = ({ settings, setVisitsSettings }) => ( export const Visits: FC<VisitsProps> = ({ settings, setVisitsSettings }) => (
<SimpleCard title="Visits"> <SimpleCard title="Visits" className="h-100">
<FormGroup className="mb-0"> <FormGroup className="mb-0">
<label>Default interval to load on visits sections:</label> <label>Default interval to load on visits sections:</label>
<DateIntervalSelector <DateIntervalSelector