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

fix styling of subscribe button

Browse Source
This commit is contained in:
Tom
2023-05-01 19:01:53 +02:00
parent 0a0d6f4bf4
commit 809151c8f1
4 changed files with 130 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/styled/Board.styled.jsx
+13 -2
View File
@@ -1458,6 +1458,7 @@ export const TopBar = styled.div`
padding: 6px 10px 5px;
background-repeat: repeat-x;
cursor: pointer;
font-size: 10pt !important;
}
.btn-wrap a {
@@ -1499,7 +1500,12 @@ export const TopBar = styled.div`
padding: 6px 10px 5px;
background-repeat: repeat-x;
cursor: pointer;
font-size: 16px;
font-size: 16px !important;
font-family: times new roman !important;
}
.subscribe-button-mobile {
margin-top: -5px !important;
}
.btn-wrap a {
@@ -1520,7 +1526,12 @@ export const TopBar = styled.div`
padding: 6px 10px 5px;
background-repeat: repeat-x;
cursor: pointer;
font-size: 16px;
font-size: 16px !important;
font-family: times new roman !important;
}
.subscribe-button-mobile {
margin-top: -5px !important;
}
.btn-wrap a {
src/components/styled/Thread.styled.jsx
+92 -2
View File
@@ -180,6 +180,16 @@ export const TopBar = styled.div`
.reply-stat {
margin-top: 5px;
}
.subscribe-button-desktop {
float: right;
margin-right: 10px;
margin-top: 3px;
}
.subscribe-button-mobile {
display: none;
}
}
@media (max-width: 480px) {
@@ -200,6 +210,19 @@ export const TopBar = styled.div`
hr {
display: none;
}
.subscribe-button-desktop {
display: none;
}
.subscribe-button-mobile {
margin-right: 10px;
float: right;
a {
cursor: pointer;
}
}
}
.return-button {
@@ -242,6 +265,15 @@ export const TopBar = styled.div`
a:hover, #button:hover {
color: red !important;
}
}
a, #subscribe {
color: #00e !important;
text-decoration: none;
}
a:hover, #subscribe:hover {
color: red !important;
}`;
case 'Yotsuba-B':
@@ -268,6 +300,15 @@ export const TopBar = styled.div`
a:hover, #button:hover {
color: red !important;
}
}
a, #subscribe {
color: #34345c !important;
text-decoration: none;
}
a:hover, #subscribe:hover {
color: #d00 !important;
}`;
case 'Futaba':
@@ -299,6 +340,16 @@ export const TopBar = styled.div`
.reply-stat {
font-size: 12pt;
bottom: 2px;
}
a, #subscribe {
color: #00e !important;
text-decoration: underline !important;
font-size: 12pt !important;
}
a:hover, #subscribe:hover {
color: red !important;
}`;
case 'Burichan':
@@ -330,6 +381,16 @@ export const TopBar = styled.div`
.reply-stat {
font-size: 12pt;
bottom: 2px;
}
a, #subscribe{
color: #34345c !important;
text-decoration: underline !important;
font-size: 12pt !important;
}
a:hover, #subscribe:hover {
color: red !important;
}`;
case 'Tomorrow':
@@ -362,6 +423,15 @@ export const TopBar = styled.div`
a:hover, #button:hover {
color: #5f89ab !important;
}
}
a, #subscribe {
color: #81a2be !important;
text-decoration: none;
}
a:hover, #subscribe:hover {
color: #5f89ab !important;
}`;
case 'Photon':
@@ -388,6 +458,15 @@ export const TopBar = styled.div`
a:hover, #button:hover {
color: #ff3300 !important;
}
}
a, #subscribe {
color: #f60 !important;
text-decoration: none;
}
a:hover, #subscribe:hover {
color: #ff3300 !important;
}`;
default:
return '';
@@ -407,6 +486,7 @@ export const TopBar = styled.div`
padding: 6px 10px 5px;
background-repeat: repeat-x;
cursor: pointer;
font-size: 10pt !important;
}
.btn-wrap a {
@@ -448,9 +528,14 @@ export const TopBar = styled.div`
padding: 6px 10px 5px;
background-repeat: repeat-x;
cursor: pointer;
font-size: 16px;
font-size: 16px !important;
font-family: times new roman !important;
}
.subscribe-button-mobile {
margin-top: -2px !important;
}
.btn-wrap a {
text-decoration: none !important;
border: none;
@@ -469,7 +554,12 @@ export const TopBar = styled.div`
padding: 6px 10px 5px;
background-repeat: repeat-x;
cursor: pointer;
font-size: 16px;
font-size: 16px !important;
font-family: times new roman !important;
}
.subscribe-button-mobile {
margin-top: -2px !important;
}
.btn-wrap a {