some styling for create link form

This commit is contained in:
Bruno Windels
2020-12-02 16:06:48 +01:00
parent 0fc203dff5
commit 36710eccc4
5 changed files with 45 additions and 13 deletions
+20 -4
View File
@@ -173,7 +173,7 @@ button.text:hover {
background-image: url('../images/client-icons/weechat.svg');
}
button.primary, a.primary, button.secondary, a.secondary {
.primary, .secondary {
text-decoration: none;
font-weight: bold;
text-align: center;
@@ -182,22 +182,32 @@ button.primary, a.primary, button.secondary, a.secondary {
line-height: 24px;
}
button.secondary, a.secondary {
.secondary {
background: var(--background);
color: var(--link);
}
button.primary, a.primary {
.primary {
background: var(--link);
color: var(--background);
border-radius: 32px;
}
button.primary, button.secondary {
button.primary, input[type='submit'].primary, button.secondary, input[type='submit'].secondary {
border: none;
font-size: inherit;
}
input[type='text'].large {
width: 100%;
padding: 12px;
background: var(--background);
border: 1px solid var(--foreground);
border-radius: 16px;
font-size: 14px;
line-height: 24px;
}
.fullwidth {
display: block;
width: 100%;
@@ -212,4 +222,10 @@ button.primary, button.secondary {
.ClientView .actions img {
height: 100%;
}
.CreateLinkView h2 {
padding: 0 40px;
word-break: break-all;
text-align: center;
}