acid-info
/
logos-press-engine
mirror of https://github.com/acid-info/logos-press-engine.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

temporary CSS updates

This commit is contained in:
jinhojang6 2023-05-14 21:53:15 +09:00 committed by Jinho Jang
parent 5aa0d6379d
commit a14ef84dbd
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/FeaturedPost/FeaturedPost.tsx
View File

@ -9,7 +9,7 @@ type Props = {
const FeaturedPost = ({ post }: Props) => { const FeaturedPost = ({ post }: Props) => {
return ( return (
<Grid> <CustomGrid>
<GridItem className="w-16"> <GridItem className="w-16">
<PostLink href={`/article/${post.slug}`}> <PostLink href={`/article/${post.slug}`}>
<PostWrapper> <PostWrapper>
@ -20,10 +20,14 @@ const FeaturedPost = ({ post }: Props) => {
</PostWrapper> </PostWrapper>
</PostLink> </PostLink>
</GridItem> </GridItem>
</Grid> </CustomGrid>
) )
} }
const CustomGrid = styled(Grid)`
margin-bottom: 108px;
`
const PostWrapper = styled.div` const PostWrapper = styled.div`
margin-top: 16px; margin-top: 16px;
padding: 16px 0; padding: 16px 0;

4
src/components/Navbar/Navbar.tsx
View File

@ -38,8 +38,8 @@ const Container = styled.nav`
border-bottom: 1px solid rgb(var(--lsd-theme-primary)); border-bottom: 1px solid rgb(var(--lsd-theme-primary));
position: fixed; position: fixed;
top: 0; top: 0;
width: calc(100% + 16px); width: 100%;
max-width: ${uiConfigs.maxContainerWidth + 16}px; max-width: ${uiConfigs.maxContainerWidth + 24}px; // TBD
background: rgb(var(--lsd-surface-primary)); background: rgb(var(--lsd-surface-primary));
z-index: 100; z-index: 100;

3
src/components/Searchbar/SearchbarContainer.tsx
View File

@ -40,7 +40,7 @@ export function SearchbarContainer({ children, onUnfocus = nope }: Props) {
const SearchBarWrapper = styled.div<Props>` const SearchBarWrapper = styled.div<Props>`
display: block; display: block;
width: calc(100% - 16px); width: 100%;
background: rgb(var(--lsd-surface-primary)); background: rgb(var(--lsd-surface-primary));
border-bottom: 1px solid rgb(var(--lsd-border-primary)); border-bottom: 1px solid rgb(var(--lsd-border-primary));
border-top: 1px solid rgb(var(--lsd-border-primary)); border-top: 1px solid rgb(var(--lsd-border-primary));
@ -53,5 +53,6 @@ const SearchBarWrapper = styled.div<Props>`
position: fixed; position: fixed;
top: ${uiConfigs.navbarRenderedHeight - 1}px; top: ${uiConfigs.navbarRenderedHeight - 1}px;
z-index: 100; z-index: 100;
max-width: ${uiConfigs.maxContainerWidth + 40}px; // TBD
} }
` `