| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162 |
- .content {
- // --padding-bottom: 50px;
- --background: #fff;
- .nav-data{
- position: fixed;
- top: 20px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- width: 100%;
- padding: 10px;
- color: white;
- .room-data{
- background-color: rgb(0 0 0 / 40%);
- display: flex;
- width: 160px;
- justify-content: space-between;
- align-items: center;
- border-radius: 40px;
- padding: 4px;
- .avatar{
- width: 36px;
- height: 36px;
- }
- .profile-title{
- display: flex;
- flex-direction: column;
- align-items: start;
- justify-content: space-around;
- margin-left: 4px;
- flex: 1;
- .profile-name{
- font-size: 14px;
- }
- .level{
- background-color: #cc59de;
- text-align: center;
- font-size: 12px;
- border-radius: 20px;
- padding: 0px 6px;
- }
- }
- ion-icon{
- margin-left: 10px;
- font-size: 30px;
- }
- }
- .report,.exit{
- background-color: rgb(0 0 0 / 40%);
- color: white;
- border-radius: 50%;
- width: 36px;
- height: 36px;
- display: flex;
- align-items: center;
- justify-content: center;
- ion-icon{
- font-size: 26px;
- }
- }
- }
- }
|
