style.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .project-page {
  2. @apply min-h-full h-full w-full;
  3. .header {
  4. //padding: 16px 32px 0 32px;
  5. background: #fff;
  6. &.short-header {
  7. .el-descriptions {
  8. @apply hidden;
  9. }
  10. .name {
  11. padding-bottom: 2px;
  12. }
  13. .nav {
  14. padding-top: 0;
  15. }
  16. & + .main {
  17. min-height: calc(100% - 90px);
  18. }
  19. }
  20. .name {
  21. font-size: 20px;
  22. font-weight: 500;
  23. color: #17233d;
  24. padding: 16px 32px;
  25. }
  26. :deep(.el-descriptions) {
  27. padding: 0 32px;
  28. .el-descriptions__label {
  29. margin-right: 0;
  30. }
  31. }
  32. .nav {
  33. @apply flex h-full items-center select-none;
  34. background: #fff;
  35. padding: 10px 32px 0;
  36. border-bottom: 1px solid #e8eaec;
  37. .item {
  38. @apply h-full cursor-pointer;
  39. margin: 0 16px;
  40. padding: 8px 16px;
  41. &:first-child {
  42. margin-left: 0;
  43. }
  44. &.exact-active {
  45. border-bottom: 2px solid #409eff;
  46. color: #409eff;
  47. }
  48. }
  49. }
  50. }
  51. .main {
  52. @apply relative;
  53. min-height: calc(100% - 168px);
  54. }
  55. }