Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- body{
- margin: 0px;
- }
- #app{
- width: 100vw;
- height: 100vh;
- display: flex;
- flex-direction: column;
- align-items: center;
- background: #f3f5f7;
- }
- .top-form, .list-card{
- background: white;
- width: 500px;
- max-width: 90%;
- padding: 10px 10px;
- }
- .top-form{
- margin-top: 80px;
- display: flex;
- }
- .auto-complete{
- flex: 1;
- margin-right: 20px;
- }
- .auto-complete *{
- width: 100%;
- }
- .list-card{
- margin-top: 20px;
- }
- .list-card ul{
- list-style: decimal;
- }
- .list-card ul li:not(:first-child){
- border-top: 1px solid rgb(211, 211, 211);
- }
- .item-wrapper{
- display: flex;
- padding: 10px 5px;
- }
- .item-text{
- flex: 1;
- }
- .remove-item{
- border-radius: 50%;
- border: none;
- width: 25px;
- height: 25px;
- background: #f3d5d5;
- color: red;
- font-weight: bolder;
- font-size: 20px;
- }
- .remove-item:hover{
- background: #efbfbf;
- cursor: pointer;
- }
- .no-item-message{
- color: gray;
- text-align: center;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement