update: layout heights

This commit is contained in:
srgooglo 2020-09-12 03:32:34 +02:00
parent 38ce7697db
commit f3808fb6b3
4 changed files with 9 additions and 15 deletions

View File

@ -85,7 +85,8 @@ class PrimaryLayout extends React.Component {
return ( return (
<React.Fragment > <React.Fragment >
<Control /> <Control />
{isActive(currentTheme['backgroundImage'])? <div style={{ {isActive(currentTheme['backgroundImage'])
?<div style={{
backgroundImage: `url(${currentTheme.backgroundImage.src})`, backgroundImage: `url(${currentTheme.backgroundImage.src})`,
transition: "all 150ms linear", transition: "all 150ms linear",
position: 'absolute', position: 'absolute',

View File

@ -4,12 +4,14 @@
.primary_layout_container { .primary_layout_container {
background-color: transparent; background-color: transparent;
transition: all 150ms ease-in-out; transition: all 150ms ease-in-out;
backdrop-filter: blur(2px);
overflow-x: hidden; overflow-x: hidden;
// overflow-y: overlay; // overflow-y: overlay;
width: auto; width: auto;
height: 97%; height: 98%;
align-self: baseline;
position: relative; position: relative;
bottom: 0; bottom: 0;
@ -25,11 +27,6 @@
@media (min-width: @bp-xlarge) { @media (min-width: @bp-xlarge) {
min-width: 1112px; min-width: 1112px;
} }
&.interfaced{
height: calc(100% - @AppTheme_global_winavbar_height);
}
} }
.primary_layout_content { .primary_layout_content {

View File

@ -11,8 +11,6 @@
@import './layout/Primary_Layout.less'; @import './layout/Primary_Layout.less';
@import './layout/LeftSider.less'; @import './layout/LeftSider.less';
@import './components/Menssaging.less';
@import './components/PostCard.less';
::-webkit-scrollbar { ::-webkit-scrollbar {
position: absolute; position: absolute;
@ -23,7 +21,7 @@
height: 6px; height: 6px;
border: 4px solid rgba(0, 0, 0, 0); border: 4px solid rgba(0, 0, 0, 0);
background-clip: padding-box; background-clip: padding-box;
margin: 0 10px 0 0; margin: 5px 10px 5px 5px;
-webkit-border-radius: 7px; -webkit-border-radius: 7px;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15);
-webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05); -webkit-box-shadow: inset -1px -1px 0 rgba(0, 0, 0, 0.05), inset 1px 1px 0 rgba(0, 0, 0, 0.05);
@ -48,8 +46,7 @@
} }
&.dark_mode{ &.dark_mode{
color: @AppTheme_global_color_dark!important; filter: invert(100%);
background-color: @AppTheme_global_background_dark!important;
:global{ :global{
.ant-card{ .ant-card{

View File

@ -39,7 +39,6 @@
@Overlay_container_1_btn_shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.205); @Overlay_container_1_btn_shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.205);
@border-radius-base: 3px; @border-radius-base: 3px;
@border-radius-sm: 2px; @border-radius-sm: 2px;
@shadow-color: rgba(0, 0, 0, 0.05); @shadow-color: rgba(0, 0, 0, 0.05);