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 { .op-container {
padding: 5px;
display: block; display: block;
overflow: hidden; overflow: hidden;
.op { .op {
display: inline; display: inline;
/* margin: 4px 0; */
overflow: hidden; overflow: hidden;
} }
.post-info-mobile { .post-info-mobile {
overflow: hidden; overflow: hidden;
padding: 5px;
/* margin: -5px -6px -5px -5px; */
display: block; display: block;
clear: left; clear: left;
padding: 5px;
} }
.post-menu-button-mobile { .post-menu-button-mobile {
@@ -2080,7 +2077,7 @@ export const BoardForm = styled.div`
text-align: center !important; text-align: center !important;
outline: none !important; outline: none !important;
transform: rotate(90deg) !important; transform: rotate(90deg) !important;
/* margin: 4px -5px 0 4px !important; */ margin: 4px -5px 0 4px !important;
float: left !important; float: left !important;
font-weight: 700 !important; font-weight: 700 !important;
opacity: 1 !important; opacity: 1 !important;
@@ -2151,9 +2148,9 @@ export const BoardForm = styled.div`
} }
blockquote { blockquote {
padding-top: 5px;
display: block; display: block;
/* margin: 10px !important; */ margin: 0;
padding: 10px;
} }
.post-link-mobile { .post-link-mobile {
@@ -2165,7 +2162,7 @@ export const BoardForm = styled.div`
} }
.info-mobile { .info-mobile {
/* margin-top: 8px; */ padding-top: 8px;
float: left; float: left;
} }
@@ -2248,7 +2245,7 @@ export const BoardForm = styled.div`
text-align: center !important; text-align: center !important;
outline: none !important; outline: none !important;
transform: rotate(90deg) !important; transform: rotate(90deg) !important;
/* margin: 4px -5px 0 4px !important; */ margin: 4px -5px 0 4px !important;
float: left !important; float: left !important;
font-weight: 700 !important; font-weight: 700 !important;
opacity: 1 !important; opacity: 1 !important;
@@ -2274,7 +2271,8 @@ export const BoardForm = styled.div`
blockquote { blockquote {
display: block; display: block;
/* margin: 10px !important; */ margin: 0;
padding: 10px;
} }
} }
} }
@@ -3324,13 +3322,13 @@ export const BoardForm = styled.div`
}} }}
@media (max-width: 480px) { @media (max-width: 480px) {
/* margin-bottom: 335px; margin-bottom: 335px;
margin-left: -5px; margin-left: -5px;
margin-right: -5px; */ margin-right: -5px;
.offline-mobile-sub { .offline-mobile-sub {
width: 16px; width: 16px;
/* margin-right: 5px; */ margin-right: 5px;
} }
.offline-mobile-sub-reply { .offline-mobile-sub-reply {