External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

perf(board): replace margin with padding on mobile

Browse Source
This commit is contained in:
plebeius.eth
2023-10-20 20:33:33 +02:00
parent fd4bec03d1
commit 6eee096934
1 changed files with 11 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/views/Board.styled.jsx
+11 -13
View File
@@ -2056,22 +2056,19 @@ export const BoardForm = styled.div`
}
.op-container {
padding: 5px;
display: block;
overflow: hidden;
.op {
display: inline;
/* margin: 4px 0; */
overflow: hidden;
}
.post-info-mobile {
overflow: hidden;
padding: 5px;
/* margin: -5px -6px -5px -5px; */
display: block;
clear: left;
padding: 5px;
}
.post-menu-button-mobile {
@@ -2080,7 +2077,7 @@ export const BoardForm = styled.div`
text-align: center !important;
outline: none !important;
transform: rotate(90deg) !important;
/* margin: 4px -5px 0 4px !important; */
margin: 4px -5px 0 4px !important;
float: left !important;
font-weight: 700 !important;
opacity: 1 !important;
@@ -2151,9 +2148,9 @@ export const BoardForm = styled.div`
}
blockquote {
padding-top: 5px;
display: block;
/* margin: 10px !important; */
margin: 0;
padding: 10px;
}
.post-link-mobile {
@@ -2165,7 +2162,7 @@ export const BoardForm = styled.div`
}
.info-mobile {
/* margin-top: 8px; */
padding-top: 8px;
float: left;
}
@@ -2248,7 +2245,7 @@ export const BoardForm = styled.div`
text-align: center !important;
outline: none !important;
transform: rotate(90deg) !important;
/* margin: 4px -5px 0 4px !important; */
margin: 4px -5px 0 4px !important;
float: left !important;
font-weight: 700 !important;
opacity: 1 !important;
@@ -2274,7 +2271,8 @@ export const BoardForm = styled.div`
blockquote {
display: block;
/* margin: 10px !important; */
margin: 0;
padding: 10px;
}
}
}
@@ -3324,13 +3322,13 @@ export const BoardForm = styled.div`
}}
@media (max-width: 480px) {
/* margin-bottom: 335px;
margin-bottom: 335px;
margin-left: -5px;
margin-right: -5px; */
margin-right: -5px;
.offline-mobile-sub {
width: 16px;
/* margin-right: 5px; */
margin-right: 5px;
}
.offline-mobile-sub-reply {