qdy
/
ng-code
Watch 1
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 13 Wiki Activity
No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
12 Commits
1 Branch
Tree: ebeb62c221
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'ebeb62c221'
${ noResults }
ng-code/backup-original/app/pages/project/project-page.component.scss

project-page.component.scss 2.4KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 
  1. .independent-project-page {

  2.   height: 100%;

  3.   display: flex;

  4.   flex-direction: column;

  5.   

  6.   .loading, .error {

  7.     display: flex;

  8.     flex-direction: column;

  9.     align-items: center;

  10.     justify-content: center;

  11.     height: 100%;

  12.     padding: 2rem;

  13.     text-align: center;

  14.     

  15.     .error-icon {

  16.       font-size: 48px;

  17.       height: 48px;

  18.       width: 48px;

  19.       color: #f44336;

  20.       margin-bottom: 1rem;

  21.     }

  22.     

  23.     h3 {

  24.       margin: 0.5rem 0;

  25.       color: #333;

  26.     }

  27.     

  28.     p {

  29.       color: #666;

  30.       margin-bottom: 1.5rem;

  31.       max-width: 400px;

  32.     }

  33.   }

  34.   

  35.   .independent-page-header {

  36.     padding: 1rem 1.5rem;

  37.     background: white;

  38.     border-bottom: 1px solid #e0e0e0;

  39.     display: flex;

  40.     align-items: center;

  41.     justify-content: space-between;

  42.     

  43.     .header-left {

  44.       display: flex;

  45.       align-items: center;

  46.       gap: 1rem;

  47.       

  48.       .back-button {

  49.         margin-right: 0.5rem;

  50.       }

  51.       

  52.       .project-info {

  53.         display: flex;

  54.         flex-direction: column;

  55.         gap: 0.25rem;

  56.         

  57.         .project-title {

  58.           margin: 0;

  59.           font-size: 1.25rem;

  60.           font-weight: 500;

  61.           color: #333;

  62.         }

  63.         

  64.         .project-meta {

  65.           display: flex;

  66.           align-items: center;

  67.           gap: 1rem;

  68.           font-size: 0.875rem;

  69.           

  70.           .project-id {

  71.             color: #666;

  72.             background: #f5f5f5;

  73.             padding: 0.25rem 0.5rem;

  74.             border-radius: 4px;

  75.           }

  76.           

  77.           .project-status {

  78.             display: flex;

  79.             align-items: center;

  80.             gap: 0.25rem;

  81.             color: #2196f3;

  82.             

  83.             .status-icon {

  84.               font-size: 0.75rem;

  85.               height: 0.75rem;

  86.               width: 0.75rem;

  87.             }

  88.           }

  89.         }

  90.       }

  91.     }

  92.     

  93.     .header-right {

  94.       .connection-status {

  95.         display: flex;

  96.         align-items: center;

  97.         gap: 0.5rem;

  98.         padding: 0.5rem 0.75rem;

  99.         background: #f5f5f5;

  100.         border-radius: 4px;

  101.         font-size: 0.875rem;

  102.         

  103.         .connected {

  104.           color: #4caf50;

  105.         }

  106.         

  107.         .disconnected {

  108.           color: #f44336;

  109.         }

  110.         

  111.         .status-text {

  112.           color: #666;

  113.         }

  114.       }

  115.     }

  116.   }

  117.   

  118.   .independent-project-content {

  119.     flex: 1;

  120.     overflow: auto;

  121.     display: flex;

  122.     flex-direction: column;

  123.   }

  124. }