diff options
| author | Shin'ya Ueoka <ueokande@i-beam.org> | 2020-09-21 21:15:46 +0900 |
|---|---|---|
| committer | Shin'ya Ueoka <ueokande@i-beam.org> | 2020-09-21 22:07:55 +0900 |
| commit | e1e7c2d4d86d7aeb40357add27c76a99a18350e7 (patch) | |
| tree | e39a348652a27823033cf829524a79ea80a81a5e /src/settings/components/form | |
| parent | 6a674fbc53c265e27b87f86e4db032433733f2f8 (diff) | |
Introduce styled-components on top of form
Diffstat (limited to 'src/settings/components/form')
| -rw-r--r-- | src/settings/components/form/PartialBlacklistForm.tsx | 9 | ||||
| -rw-r--r-- | src/settings/components/form/SearchForm.tsx | 9 |
2 files changed, 14 insertions, 4 deletions
diff --git a/src/settings/components/form/PartialBlacklistForm.tsx b/src/settings/components/form/PartialBlacklistForm.tsx index 4c6bd35..dcdd00c 100644 --- a/src/settings/components/form/PartialBlacklistForm.tsx +++ b/src/settings/components/form/PartialBlacklistForm.tsx @@ -6,6 +6,11 @@ import Blacklist, { BlacklistItem } from "../../../shared/settings/Blacklist"; const Grid = styled.div``; +const GridHeader = styled.div` + display: flex; + font-weight: bold; +`; + const GridRow = styled.div` display: flex; `; @@ -48,10 +53,10 @@ class PartialBlacklistForm extends React.Component<Props> { return ( <> <Grid> - <GridRow> + <GridHeader> <GridCell>URL</GridCell> <GridCell>Keys</GridCell> - </GridRow> + </GridHeader> {this.props.value.items.map((item, index) => { if (!item.partial) { return null; diff --git a/src/settings/components/form/SearchForm.tsx b/src/settings/components/form/SearchForm.tsx index 3ba0299..cc7061a 100644 --- a/src/settings/components/form/SearchForm.tsx +++ b/src/settings/components/form/SearchForm.tsx @@ -6,6 +6,11 @@ import { FormSearch } from "../../../shared/SettingData"; const Grid = styled.div``; +const GridHeader = styled.div` + display: flex; + font-weight: bold; +`; + const GridRow = styled.div` display: flex; `; @@ -50,11 +55,11 @@ class SearchForm extends React.Component<Props> { return ( <> <Grid> - <GridRow> + <GridHeader> <GridCell>Name</GridCell> <GridCell>URL</GridCell> <GridCell>Default</GridCell> - </GridRow> + </GridHeader> {value.engines.map((engine, index) => { return ( <GridRow key={index}> |