mirror of
https://github.com/PrimalHQ/primal-web-app.git
synced 2024-09-30 00:41:09 +00:00
Widen content
This commit is contained in:
parent
e1d565e939
commit
f9b790ac58
@ -140,7 +140,7 @@
|
||||
}
|
||||
|
||||
.feedPlaceholder {
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
height: 20px;
|
||||
background-color: red;
|
||||
}
|
||||
|
@ -67,16 +67,16 @@
|
||||
}
|
||||
|
||||
.centerHeader {
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
}
|
||||
|
||||
.centerContent {
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
.headerFloater {
|
||||
position: fixed;
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
z-index: var(--z-index-floater);
|
||||
|
||||
&.animatedShow {
|
||||
@ -171,7 +171,7 @@
|
||||
@media only screen and (max-width: 1300px) {
|
||||
.container {
|
||||
width: 1032px;
|
||||
grid-template-columns: 48px 600px 332px;
|
||||
grid-template-columns: 48px var(--center-col-w) 332px;
|
||||
}
|
||||
|
||||
.leftColumn {
|
||||
@ -199,7 +199,7 @@
|
||||
@media only screen and (max-width: 1087px) {
|
||||
.container {
|
||||
width: 720px;
|
||||
grid-template-columns: 48px 600px 1px;
|
||||
grid-template-columns: 48px var(--center-col-w) 1px;
|
||||
}
|
||||
|
||||
.rightColumn {
|
||||
|
@ -18,8 +18,6 @@
|
||||
align-items: center;
|
||||
width: 158px;
|
||||
|
||||
|
||||
|
||||
a {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
|
@ -6,7 +6,7 @@
|
||||
grid-template-areas: "content";
|
||||
padding: 0px 16px 16px 0px;
|
||||
border-radius: 4px;
|
||||
// width: 600px;
|
||||
// width: var(--center-col-w);
|
||||
// pointer-events: none;
|
||||
|
||||
.content {
|
||||
|
@ -4,7 +4,7 @@
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid var(--background-input);
|
||||
padding: 12px;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
|
||||
.info {
|
||||
display: flex;
|
||||
|
@ -110,7 +110,7 @@
|
||||
border-bottom: 1px solid var(--background-input);
|
||||
padding-block: 12px;
|
||||
padding-inline: 20px;
|
||||
width: min(600px, 100%);
|
||||
width: min(ver(--center-col-w), 100%);
|
||||
text-decoration: none;
|
||||
|
||||
.zapInfo {
|
||||
|
@ -50,7 +50,7 @@
|
||||
--border-radius-big: 12px;
|
||||
--border-radius-large: 16px;
|
||||
|
||||
--central-content-width: 600px;
|
||||
--central-content-width: 640px;
|
||||
|
||||
--sidebar-section-icon-gradient: linear-gradient(175.11deg, #FA9A43 6.94%, #FA4343 29.79%, #5B12A4 97.76%), linear-gradient(170.29deg, #CCCCCC 12.73%, #808080 94.98%), #D9D9D9;
|
||||
|
||||
@ -63,9 +63,9 @@
|
||||
--success-color: #66E205;
|
||||
|
||||
--left-col-w: 188px;
|
||||
--center-col-w: 600px;
|
||||
--center-col-w: 640px;
|
||||
--right-col-w: 348px;
|
||||
--full-site-w: 1137px;
|
||||
--full-site-w: 1177px;
|
||||
--header-height: 84px;
|
||||
|
||||
background-color: var(--background-site);
|
||||
|
@ -11,14 +11,14 @@
|
||||
.exploreHeader {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
margin-left: -16px;
|
||||
|
||||
.exploreCaption {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
height: 84px;
|
||||
border-bottom: 1px solid var(--devider);
|
||||
}
|
||||
@ -28,7 +28,7 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
height: 41px;
|
||||
background: none;
|
||||
border-bottom: 1px solid var(--devider);
|
||||
|
@ -8,7 +8,7 @@
|
||||
color: var(--text-tertiary-2);
|
||||
position: absolute;
|
||||
bottom: 1280px;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
|
@ -3,7 +3,7 @@
|
||||
padding-inline: 16px;
|
||||
margin-bottom: 8px;
|
||||
width: fit-content;
|
||||
max-width: calc(600px + 12px - 40px);
|
||||
max-width: calc(var(--center-col-w) + 12px - 40px);
|
||||
}
|
||||
|
||||
@mixin thread($align-end) {
|
||||
@ -62,9 +62,8 @@
|
||||
|
||||
.messagesContent {
|
||||
position: relative;
|
||||
|
||||
display: flex;
|
||||
width: calc(var(--left-col-w) + var(--right-col-w) + 424px);
|
||||
width: fit-content;
|
||||
|
||||
.senders {
|
||||
width: 334px;
|
||||
@ -249,6 +248,7 @@
|
||||
height: calc(100vh - var(--header-height));
|
||||
display: flex;
|
||||
flex-direction: column-reverse;
|
||||
width: 662px;
|
||||
|
||||
.messages {
|
||||
width: 100%;
|
||||
@ -322,7 +322,7 @@
|
||||
.textAreaBorder {
|
||||
padding: 1px;
|
||||
border-radius: 8px;
|
||||
width: 538px;
|
||||
width: 576px;
|
||||
height: 40px;
|
||||
box-sizing: border-box;
|
||||
|
||||
@ -338,7 +338,7 @@
|
||||
margin: 0;
|
||||
padding-inline: 16px;
|
||||
padding-block: 8px;
|
||||
width: 536px;
|
||||
width: 100%;
|
||||
max-height: none;
|
||||
|
||||
&:focus {
|
||||
|
@ -18,7 +18,7 @@
|
||||
position: fixed;
|
||||
top: 140px;
|
||||
left: calc(calc(100vw - var(--full-site-w)) / 2 + var(--left-col-w));
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
z-index: 20;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
@ -11,14 +11,14 @@
|
||||
.searchHeader {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
margin-left: -16px;
|
||||
|
||||
.caption {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-left: 16px;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
height: 84px;
|
||||
border-bottom: 1px solid var(--devider);
|
||||
font-weight: 400;
|
||||
@ -33,7 +33,7 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
width: 600px;
|
||||
width: var(--center-col-w);
|
||||
height: 41px;
|
||||
background: none;
|
||||
border-bottom: 1px solid var(--devider);
|
||||
|
@ -2,7 +2,7 @@
|
||||
background-color: black;
|
||||
color: #bfbfbf;
|
||||
max-width: 840px;
|
||||
min-width: 600px;
|
||||
min-width: var(--center-col-w);
|
||||
margin-inline: auto;
|
||||
min-height: 100vh;
|
||||
padding-inline: 20px;
|
||||
|
Loading…
Reference in New Issue
Block a user