tolgaaaltas gece modunu düzenleyerek ilerledim tüm kodlarını belirtiyorum
// unread ateş işareti
.unread .DiscussionListItem-title:after {
font-family: ‘Font Awesome 5 Free’;
font-weight: 600;
font-size: 16px;
content: ‘\f06d’;
color: #cc3737;
margin-left: 6px ;}
// mobil editör sorunu
@media (max-width: 767px){
.ComposerBody-header>li:not(:first-child) {
display: contents;
border-bottom: 1px solid #ededed;
padding: 10px 15px;
vertical-align: middle;
}
.ComposerBody-header h3 input {
padding-top: 5px !important;
padding-bottom: 5px;
text-align: center;
}
.DiscussionComposer-poll {
vertical-align: 0px !important;
}
.DiscussionComposer-changeRecipients {
vertical-align: 0px !important;
}
.DiscussionComposer-changeTags {
vertical-align: 0px !important;
margin-top: 10px !important;
}
.ComposerBody-header {
text-align: center;
}}
// username renk
.PostUser h3, .PostUser h3 a {
color: #da0e0e;
font-weight: 700;
font-size: 14px;
}
.DiscussionListItem-info .username {
font-weight: 700;
color: #da0e0e;
}
// logo mobil
@media (max-width: 767px){
.App:before {
background-image: url(https://www.sanalbosluk.design/assets/logo-prvzi8yq.png);
background-position: left;
background-repeat: no-repeat;
background-size: contain;
}}
@media (max-width: 767px){
.App-titleControl {
width: 180px;
right: 0 !important;
left: unset !important;
margin-left: -100px;
text-align: center;
color: #ea4b4b !important;
}}
// logo büyüt
.Header-logo {
max-height: 120px;
vertical-align: middle;
margin: auto;
}
// arkaplan
body {
background: #000;
}
@media (max-width: 767px) {.DiscussionList {
border:1px solid #ececec!important;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.08) !important;}}
.DiscussionListItem-content {
box-shadow: 0px 3px 20px 1px darkred ;
}
