apairon/mocoapp-browser-extension
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update view layouts and content

Browse Source
This commit is contained in:
manubo
2019-09-28 09:23:16 +02:00
parent 3ae8e6adf8
commit e8ab05295e
5 changed files with 39 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/css/popup.scss
View File

@@ -14,30 +14,33 @@ html {
#moco-bx-root {
min-width: 516px;
h1 {
font-weight: normal;
line-height: 1.2;
margin-top: 1rem;
margin-bottom: 3rem;
}
.text-red {
color: $red;
}
.text-secondary {
color: $gray-base;
}
.moco-bx-app-container {
width: 324px;
padding: 3rem 6rem;
.moco-bx-logo__container {
display: flex;
justify-content: center;
margin-bottom: 3rem;
text-align: center;
img.moco-bx-logo {
flex: 0 0 48px;
width: 48px;
height: 48px;
}
h1 {
line-height: 48px;
margin: 0;
}
}
.moco-bx-calendar {
@@ -97,19 +100,12 @@ html {
margin-top: 3rem;
h1 {
font-weight: normal;
line-height: 1.2;
margin: 0;
margin-bottom: 0;
}
p {
margin-top: 0.6rem;
}
.text-secondary {
color: $gray-base;
}
.timer {
margin-top: 2.5rem;
}
@@ -130,35 +126,30 @@ html {
}
.moco-bx-error-container {
font-size: 18px;
line-height: 1.5;
width: 420px;
padding: 3rem;
text-align: center;
h1 {
font-size: 35px;
font-weight: normal;
margin-top: 0;
line-height: 1.3;
}
img {
width: auto;
max-width: 100%;
margin-top: 1.5rem;
margin-bottom: 2rem;
width: 44%;
&.moco-bx-logo {
width: 48px;
margin-bottom: 2rem;
}
}
ol {
text-align: left;
&.firefox-addons {
margin-top: 0;
width: auto;
}
}
button {
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
}
}