dylan.derr/Send
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update ui

Browse source
This commit is contained in:
Mark Liang 2018-11-02 17:27:59 +08:00
parent 5ebe869c26
commit cacb3a898d
21 changed files with 298 additions and 212 deletions
Download patch file Download diff file Expand all files Collapse all files

52
app/main.css
View file

@ -32,18 +32,42 @@ progress::-webkit-progress-value {
}
.main {
min-height: calc(100vh - 6rem);
display: flex;
max-width: 1024px;
width: 100%;
}
.main > section {
@apply bg-white;
@apply shadow;
}
.header-logo {
background-image: url('../assets/send_logo.svg');
background-position: left;
background-repeat: no-repeat;
background-size: 2rem;
padding-left: 2.5rem;
background-size: 1.8rem;
padding-left: 2.4rem;
text-decoration: none;
}
.header-logo h1 {
font-size: 1.5rem;
}
.mozilla-logo {
background-image: url('../assets/mozilla-logo.svg');
background-repeat: no-repeat;
background-size: 100px, 32px;
overflow: hidden;
text-indent: 120%;
white-space: nowrap;
display: inline-block;
height: 32px;
width: 100px;
flex-shrink: 0;
}
.feedback-link {
background-color: #000;
background-image: url('../assets/feedback.svg');
@ -59,6 +83,14 @@ progress::-webkit-progress-value {
white-space: nowrap;
}
.bg-shades {
background-color: rgba(255, 255, 255, 0.8);
}
.border-modal {
box-shadow: 0 0 5rem 5rem white;
}
.checkbox {
@apply leading-normal;
@apply select-none;
@ -116,15 +148,23 @@ progress::-webkit-progress-value {
content: '\200b';
}
.max-h-half {
max-height: 50vh;
}
@screen md {
.main {
@apply flex-1;
@apply self-center;
@apply bg-white;
@apply shadow-md;
@apply m-auto;
@apply items-center;
@apply my-10;
width: calc(100% - 48px);
min-height: 30rem;
max-height: 40rem;
}
.main > section {
@apply shadow-md;
}
}