TF-2565: Create bottom sheet and handle choose options when open app on mobile browser

This commit is contained in:
HuyNguyen
2024-02-05 01:16:34 +07:00
committed by Dat PHAM HOANG
parent b444a345c8
commit 8a2ccf0822
3 changed files with 194 additions and 100 deletions
+22 -32
View File
@@ -21,44 +21,34 @@
.sheet-content {
padding: 20px;
}
.sheet-content h2 {
font-size: 24px;
margin-bottom: 10px;
}
.sheet-content p {
font-size: 16px;
line-height: 1.5;
}
.open_on_mobile_title {
height: 48px;
line-height: 48px;
display: inline-block;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid #eee;
text-align: center;
width: 100%;
margin-bottom: 16px;
color: #000;
}
height: 48px;
line-height: 48px;
display: inline-block;
font-weight: bold;
font-size: 16px;
border-bottom: 1px solid #eee;
text-align: center;
width: 100%;
margin-bottom: 16px;
color: #000;
}
.open_on_mobile_actions {
width: 100%;
display: block;
height: 48px;
display: flex;
justify-content: left;
align-items: center;
width: 100%;
display: block;
height: 48px;
display: flex;
justify-content: left;
align-items: center;
& > span {
margin-left: 8px;
font-weight: bold;
}
}
& > span {
margin-left: 8px;
font-weight: bold;
}
}
.button {
border: none;