Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 16653 | Ir a la última revisión | | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
16650 stevensc 1 
@use "../../css/shared/mixin.scss";
2 
@import "../../css/shared/variables.scss";
3 
@import "../../css/shared/breakpoints.scss";
4 
 
5 
.feed {
6 
  @include mixin.widget;
7 
  display: flex;
8 
  flex-direction: column;
9 
  padding: 1rem;
10 
 
11 
  &_header {
12 
    display: flex;
13 
    position: relative;
14 
    gap: .5rem;
15 
    width: 100%;
16 
 
17 
    img {
18 
      width: 50px;
19 
      height: 50px;
20 
      border-radius: 100%;
21 
    }
22 
  }
23 
 
24 
  &_info {
25 
    display: flex;
26 
    flex-direction: column;
27 
    gap: .5rem;
28 
 
29 
    span {
30 
      align-items: center;
31 
      color: $subtitle-color;
32 
      display: flex;
33 
      gap: .5rem;
34 
    }
35 
  }
36 
}
37 
 
38 
.commentSection {
39 
  max-height: 400px;
40 
  overflow-y: auto;
41 
  background: $background-gray;
42 
  margin-top: 1rem;
43 
  padding: 1rem;
44 
}
45 
 
46 
.feedCommentContainer {
47 
  display: flex;
48 
  justify-content: flex-start;
49 
  align-items: center;
50 
  margin-top: 1rem;
51 
  gap: 10px;
52 
 
53 
  img {
54 
    border-radius: 100px;
55 
    width: 43px;
56 
    height: 43px;
57 
    object-fit: cover;
58 
  }
59 
 
60 
  .commentInput {
61 
    margin: 0;
62 
    flex: 1;
63 
    padding: 0.5rem 0;
64 
    border: none;
65 
    font-size: 1rem;
66 
  }
67 
 
68 
  .submitButton {
69 
    height: 2.5rem;
70 
    margin: 0;
71 
    width: auto;
72 
    margin-top: 0.5rem;
73 
    background-color: $primary-lightblue;
74 
    border: none;
75 
    padding: 0.5rem 1rem;
76 
    color: white !important;
77 
    border-radius: var(--global-border-radius);
78 
    border: 1px solid $primary-lightblue;
79 
    font-size: 1rem;
80 
    transition: 0.2s;
81 
 
82 
    &:hover {
83 
      background-color: $primary-lightblue-hover;
84 
    }
85 
  }
86 
}