Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings
This repository was archived by the owner on Mar 30, 2022. It is now read-only.

Commit b9cd2d5

Browse files
committed
improve style
1 parent 6274ce9 commit b9cd2d5

File tree

2 files changed

+22
-10
lines changed

2 files changed

+22
-10
lines changed

‎src/features/count/CountDiv.tsx

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,21 @@ import { incrementFirst, incrementSecond } from './countSlice';
1313
const numDivStyles = css`
1414
display: flex;
1515
align-items: center;
16-
margin: ${rem(5)};
16+
margin: ${rem(10)};
1717
& > * {
18-
margin: 0 ${rem(5)};
18+
margin: 0 ${rem(10)};
19+
font-size: ${rem(20)};
20+
}
21+
& > button {
22+
padding: ${rem(12)} ${rem(16)};
1923
}
2024
& label input {
21-
margin-left: ${rem(5 * 2)};
22-
max-width: ${rem(50)};
25+
margin-left: ${rem(10 * 2)};
26+
max-width: ${rem(80)};
2327
width: 100%;
24-
height: ${rem(15)};
28+
height: 100%;
29+
font-size: ${rem(20)};
30+
padding: ${rem(6)} ${rem(8)};
2531
}
2632
`;
2733

‎src/features/text/TextDiv.tsx

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -13,15 +13,21 @@ import { updateFirst, updateSecond } from './textSlice';
1313
const strDivStyles = css`
1414
display: flex;
1515
align-items: center;
16-
margin: ${rem(5)};
16+
margin: ${rem(10)};
1717
& > * {
18-
margin: 0 ${rem(5)};
18+
margin: 0 ${rem(10)};
19+
font-size: ${rem(20)};
20+
}
21+
& > button {
22+
padding: ${rem(12)} ${rem(16)};
1923
}
2024
& label input {
21-
margin-left: ${rem(5 * 2)};
22-
max-width: ${rem(50)};
25+
margin-left: ${rem(10 * 2)};
26+
max-width: ${rem(80)};
2327
width: 100%;
24-
height: ${rem(15)};
28+
height: 100%;
29+
font-size: ${rem(20)};
30+
padding: ${rem(6)} ${rem(8)};
2531
}
2632
`;
2733

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /