oauth.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. /* OAuth模块样式 */
  2. .oauth-container {
  3. margin-top: 3rem;
  4. }
  5. .oauth-card {
  6. box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  7. border: none;
  8. }
  9. .oauth-card .card-header {
  10. background-color: #fff;
  11. border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  12. padding: 1rem;
  13. font-weight: 500;
  14. }
  15. .oauth-card .card-body {
  16. padding: 1.5rem;
  17. }
  18. .oauth-form .form-label {
  19. font-weight: 500;
  20. margin-bottom: 0.5rem;
  21. }
  22. .oauth-form .form-control {
  23. padding: 0.75rem 1rem;
  24. border-radius: 0.375rem;
  25. border: 1px solid #ced4da;
  26. }
  27. .oauth-form .form-control:focus {
  28. border-color: #86b7fe;
  29. box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  30. }
  31. .oauth-btn {
  32. padding: 0.75rem 1rem;
  33. font-weight: 500;
  34. border-radius: 0.375rem;
  35. }
  36. .oauth-btn-primary {
  37. background-color: #0d6efd;
  38. border-color: #0d6efd;
  39. color: #fff;
  40. }
  41. .oauth-btn-primary:hover {
  42. background-color: #0b5ed7;
  43. border-color: #0a58ca;
  44. }
  45. .oauth-alert {
  46. padding: 1rem;
  47. margin-bottom: 1rem;
  48. border-radius: 0.375rem;
  49. }
  50. .oauth-alert-danger {
  51. background-color: #f8d7da;
  52. border: 1px solid #f5c2c7;
  53. color: #842029;
  54. }
  55. .oauth-alert ul {
  56. margin-bottom: 0;
  57. padding-left: 1.25rem;
  58. }