pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

improved shadow on dark theme

Browse source
This commit is contained in:
Kim, Jimin 2021-08-10 09:31:36 +09:00
parent c977e14112
commit 33476e7fc5
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
source/src/App.tsx
View file

@ -205,7 +205,11 @@ blockquote {
})};
padding: 2rem;
border-radius: 6px;
box-shadow: 0 4px 10px rgb(0 0 0 / 5%), 0 0 1px rgb(0 0 0 / 10%);
box-shadow: ${(props) =>
theming.theme(props.theme.currentTheme, {
light: "0 4px 10px rgb(0 0 0 / 5%), 0 0 1px rgb(0 0 0 / 10%);",
dark: "0 4px 10px rgb(0 0 0 / 30%), 0 0 1px rgb(0 0 0 / 30%);",
})};
@media screen and (max-width: ${theming.size.screen_size1}) {
padding: 1rem;