feat: optimize mobile responsive layout for share page

- Add responsive design for mobile devices (≤768px)
- Switch from horizontal to vertical layout on mobile
- Hide middle divider panel on mobile
- Optimize button sizes for mobile touch interaction
- Improve input field and button alignment on mobile
This commit is contained in:
loveuer
2026-01-18 17:12:07 +08:00
parent 8a063d15d9
commit d38fa7a507
4 changed files with 126 additions and 25 deletions

View File

@@ -5,6 +5,10 @@ const useStyle = createUseStyles({
backgroundColor: 'lightgray',
position: "relative",
overflow: "hidden",
"@media (max-width: 768px)": {
display: "none",
},
},
left: {
backgroundColor: "#e3f2fd",