mirror of
https://github.com/bitwarden/browser.git
synced 2024-11-30 13:03:53 +01:00
more specific selectors
This commit is contained in:
parent
777d848d06
commit
8f7ae6cfaa
@ -1,4 +1,4 @@
|
|||||||
<form id="hint" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
<form id="hint-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h1>{{'passwordHint' | i18n}}</h1>
|
<h1>{{'passwordHint' | i18n}}</h1>
|
||||||
<div class="box last">
|
<div class="box last">
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form id="login" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
<form id="login-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<img src="../../images/logo@2x.png" alt="bitwarden">
|
<img src="../../images/logo@2x.png" alt="bitwarden">
|
||||||
<p>{{'loginOrCreateNewAccount' | i18n}}</p>
|
<p>{{'loginOrCreateNewAccount' | i18n}}</p>
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
<form id="register" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
<form id="register-page" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<h1>{{'createAccount' | i18n}}</h1>
|
<h1>{{'createAccount' | i18n}}</h1>
|
||||||
<div class="box">
|
<div class="box">
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
@import "variables.scss";
|
@import "variables.scss";
|
||||||
|
|
||||||
#login {
|
#login-page {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@ -23,7 +23,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#register, #hint {
|
#register-page, #hint-page {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
@ -31,7 +31,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#login, #register, #hint {
|
#login-page, #register-page, #hint-page {
|
||||||
.content {
|
.content {
|
||||||
max-width: 300px;
|
max-width: 300px;
|
||||||
|
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
||||||
#groupings, #items, #details, #logo {
|
> #groupings, > #items, > #details, > #logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
@ -13,7 +13,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#groupings {
|
> #groupings {
|
||||||
background-color: $background-color-alt;
|
background-color: $background-color-alt;
|
||||||
width: 15%;
|
width: 15%;
|
||||||
min-width: 175px;
|
min-width: 175px;
|
||||||
@ -110,7 +110,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#items {
|
> #items {
|
||||||
background-color: $background-color;
|
background-color: $background-color;
|
||||||
width: 25%;
|
width: 25%;
|
||||||
min-width: 200px;
|
min-width: 200px;
|
||||||
@ -133,7 +133,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#details {
|
> #details {
|
||||||
background-color: $background-color-alt2;
|
background-color: $background-color-alt2;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
@ -161,7 +161,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo {
|
> #logo {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user