acid-info/logos-ordinals-dashboard
1
0
Fork 0
mirror of https://github.com/acid-info/logos-ordinals-dashboard.git synced 2025-01-27 13:45:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: update mobile ui of toast

Browse Source
This commit is contained in:
jinhojang6 2024-12-03 21:54:39 +09:00
parent ed3c64fb2a
commit df40b6f9b9
No known key found for this signature in database
GPG Key ID: 1762F21FE8B543F8
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Toast/Toast.tsx
View File

@ -60,10 +60,10 @@ const Toast: React.FC = () => {
</ToastContainer> </ToastContainer>
) : ( ) : (
<ToastContainer showTopToast={showTopToast}> <ToastContainer showTopToast={showTopToast}>
<> <span>
Logos Ordinals Mint Begins 16th December, 2024 at 1PM UTC Logos Ordinals Mint Begins 16th December, 2024 at 1PM UTC
<TimeRemaining>Time remaining: {time}</TimeRemaining> <TimeRemaining>Time remaining: {time}</TimeRemaining>
</> </span>
<div> <div>
<button className="close-button" onClick={() => setShowTopToast(false)}> <button className="close-button" onClick={() => setShowTopToast(false)}>
<img src="/assets/close-orange.svg" alt="close" /> <img src="/assets/close-orange.svg" alt="close" />
@ -117,6 +117,10 @@ const ToastContainer = styled.div<{ showTopToast: boolean }>`
flex-direction: column; flex-direction: column;
span {
width: 80%;
}
a { a {
// new line // new line
display: block; display: block;