rzerres/element-call
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Reduce footer space while preserving visual balance

Browse Source
This commit is contained in:
Robin
2024-06-04 09:57:16 -04:00
parent 6b6ad16306
commit 0aeb68b445
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/room/InCallView.module.css
View File

@@ -54,7 +54,7 @@ limitations under the License.
grid-template-areas: "logo buttons layout"; grid-template-areas: "logo buttons layout";
align-items: center; align-items: center;
gap: var(--cpd-space-3x); gap: var(--cpd-space-3x);
padding-block: var(--cpd-space-2x); padding-block: var(--cpd-space-4x);
padding-inline: var(--inline-content-inset); padding-inline: var(--inline-content-inset);
background: linear-gradient( background: linear-gradient(
180deg, 180deg,
@@ -85,13 +85,13 @@ limitations under the License.
@media (min-height: 400px) { @media (min-height: 400px) {
.footer { .footer {
padding-block: var(--cpd-space-1x); padding-block: var(--cpd-space-8x);
} }
} }
@media (min-height: 800px) { @media (min-height: 800px) {
.footer { .footer {
padding-block: var(--cpd-space-1x); padding-block: var(--cpd-space-10x);
} }
} }
@@ -102,8 +102,8 @@ limitations under the License.
} }
.footerThin { .footerThin {
padding-top: var(--cpd-space-1x); padding-top: var(--cpd-space-3x);
padding-bottom: var(--cpd-space-1x); padding-bottom: var(--cpd-space-5x);
} }
.footerHidden { .footerHidden {