index.css 617 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. * {
  2. margin: 0;
  3. padding: 0;
  4. }
  5. #app {
  6. padding: 20px;
  7. box-sizing: border-box;
  8. display: flex;
  9. }
  10. form {
  11. flex: 1;
  12. }
  13. .form-item {
  14. display: flex;
  15. }
  16. textarea[type=text] {
  17. width: 300px;
  18. height: 80px;
  19. outline: none;
  20. padding: 3px;
  21. }
  22. #encrypt {
  23. margin-top: 20px;
  24. width: 60px;
  25. height: 28px;
  26. background-color: #1ecdcd;
  27. border: none;
  28. border-radius: 4px;
  29. color: #ffffff;
  30. cursor: pointer;
  31. }
  32. #copy {
  33. margin-top: 20px;
  34. width: 60px;
  35. height: 28px;
  36. background-color: #ae1ecd;
  37. border: none;
  38. border-radius: 4px;
  39. color: #ffffff;
  40. cursor: pointer;
  41. }
  42. #payload {
  43. margin-left: 10px;
  44. }