| 1 |
- .container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100vh;background-color:#f7f7f7;padding-top:50px;overflow:hidden}.display,.display-bottom{width:100%;height:80px;background-color:#fff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 10px;margin-bottom:0;transition:all .2s;position:fixed;z-index:3}.display{bottom:420px}.display-bottom{bottom:100px;z-index:4}.phone-number{font-size:40px;transform:translate(20px)}.delete{height:3.125rem;width:2.5rem;margin-left:-.3125rem}.dial-pad{width:100%;background-color:#f7f7f7;padding-bottom:0;position:fixed;bottom:100px;left:0;right:0;z-index:3}.row{display:flex;justify-content:space-around;transition:all .3s}.digit-button{width:33%;height:80px;background-color:#ecfff3;border-radius:0;color:#000;font-size:50px;border:0px solid #d0dddd;display:flex;align-items:center;justify-content:center;z-index:3}.toggle-button{width:33.3%;height:100px;display:flex;justify-content:center;align-items:center;transition:all .2s;position:fixed;bottom:0;right:0;z-index:4;background-color:#ecfff3}.action{display:flex;position:fixed;bottom:0;width:66.7%;left:0;padding:0;z-index:4}.CallIcon{width:60px;height:60px;z-index:4;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.single-sim{width:100%;height:100px;background-color:#ecfff3;color:#000;font-size:36px;display:flex;align-items:center;justify-content:center;z-index:4;position:relative}.dual-sim-container{display:flex;width:100%}.dual-sim{flex:1;height:100px;background-color:#ecfff3;color:#000;font-size:36px;display:flex;align-items:center;justify-content:center;z-index:4;padding-top:.625rem;position:relative}.dual-sim span{position:absolute;right:33px;top:-20px;font-size:36px;color:#000}.scale{width:100%;height:100px;display:flex;background-color:#ecfff3;align-items:center;justify-content:center}.ScaleIcon{width:60px;height:60px}.matched-contacts{width:100%;background-color:#fff;border:1px solid #ccc;height:73vh;overflow-y:auto;z-index:3;position:fixed;top:35px;left:0}.contact-item{display:flex;justify-content:space-between;align-items:center;height:80px;padding:10px;border-bottom:1px solid #ccc}.highlight{color:red;font-weight:700}.contact-name{font-size:36px;margin-right:10px;max-width:40%;white-space:normal;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.contact-number{font-size:26px;max-width:80%;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline}.contact-number span{display:inline}.contact-number .highlight{color:red;font-weight:700}.contact-number .line-1,.contact-number .line-2{display:inline-block;width:100%;text-align:right;overflow:hidden;text-overflow:ellipsis}
|
