Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 426 | Rev 530 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 426 Rev 529
Línea 1... Línea 1...
1 
import React from 'react'
 1 
import React from 'react'
2 
import { Avatar, Card } from '@mui/material'
 2 
import { Avatar } from '@mui/material'
3 
import { useSelector } from 'react-redux'
 3 
import { useSelector } from 'react-redux'
4 
import { useHistory } from 'react-router-dom'
 4 
import { useHistory } from 'react-router-dom'
5 
import styled from 'styled-components'
 5 
import styled from 'styled-components'
Línea 6... Línea 6...
6 
 
 6 
 
7 
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
 7 
import OpenInNewIcon from '@mui/icons-material/OpenInNew'
8 
import EditIcon from '@mui/icons-material/Edit'
 8 
import EditIcon from '@mui/icons-material/Edit'
9 
import DeleteIcon from '@mui/icons-material/Delete'
 9 
import DeleteIcon from '@mui/icons-material/Delete'
10 
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
 10 
import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew'
- 
 
 11 
import Paraphrase from '../UI/Paraphrase'
Línea 11... Línea 12...
11 
import Paraphrase from '../UI/Paraphrase'
 12 
import WidgetLayout from '../widgets/WidgetLayout'
12 
 
 - 
 
13 
export const StyledQuestionCard = styled(Card)`
 - 
 
14 
  background: var(--bg-color);
 - 
 
15 
  border: 1px solid var(--border-primary);
 - 
 
16 
  border-radius: var(--border-radius);
 13 
 
- 
 
 14 
export const StyledQuestionCard = styled(WidgetLayout)`
17 
  height: fit-content;
15 
  padding: 1rem 0;
18 
  padding: 1rem 0;
 16 
  height: fit-content;
19 
  & > * {
 17 
  & > * {
20 
    padding-right: 0.8rem;
 18 
    padding-right: 0.8rem;
21 
    padding-left: 0.8rem;
 19 
    padding-left: 0.8rem;
22 
  }
 20 
  }
23 
  & > h2 {
 21 
  & > h2 {
24 
    font-size: 16px;
 22 
    font-size: 16px;
25 
    line-height: 1.2;
 - 
 
26 
    margin-bottom:5px;
 - 
 
27 
  }
 - 
 
28 
  input[text]{
 - 
 
29 
    flex-grow: 1;
 - 
 
30 
    padding: 0.5rem;
 - 
 
31 
    background-color: #ECECEC;
 - 
 
32 
    border: 1px solid var(--border-primary);
 - 
 
33 
    border-radius: var(--border-radius) 0 0 var(--border-radius);
 23 
    line-height: 1.2;
34 
    width:80%;
 24 
    margin-bottom: 5px;
35 
  }
 25 
  }
36 
  p {
 26 
  p {
37 
    color: var(--font-color);
 27 
    color: var(--font-color);
Línea 41... Línea 31...
41 
    margin-bottom: 0.5rem;
 31 
    margin-bottom: 0.5rem;
42 
  }
 32 
  }
43 
  span {
 33 
  span {
44 
    color: var(--subtitle-color);
 34 
    color: var(--subtitle-color);
45 
    font-weight: 400;
 35 
    font-weight: 400;
46 
    font-size: .7rem;
 36 
    font-size: 0.7rem;
47 
    margin-top:3px;
 37 
    margin-top: 3px;
48 
  }
 38 
  }
49 
`
 39 
`
Línea 50... Línea 40...
50 
 
 40 
 
51 
export const QuestionDetails = styled.div`
 41 
export const QuestionDetails = styled.div`
Línea 81... Línea 71...
81 
  & > * {
 71 
  & > * {
82 
    flex-grow: 1;
 72 
    flex-grow: 1;
83 
  }
 73 
  }
84 
  .btn {
 74 
  .btn {
85 
    color: var(--icons-color);
 75 
    color: var(--icons-color);
86 
    font-size: 0.9rem !important;
76 
    font-size: 0.9rem !important;
87 
    border-radius: var(--border-radius) !important;
 77 
    border-radius: var(--border-radius) !important;
88 
    padding: 5px !important;
 78 
    padding: 5px !important;
89 
    position: relative;
 79 
    position: relative;
90 
    display: flex;
 80 
    display: flex;
91 
  flex-direction: column;
 81 
    flex-direction: column;
92 
  justify-content: center;
 82 
    justify-content: center;
93 
  align-items: center;
 83 
    align-items: center;
94 
}
 - 
 
95 
  }
 84 
  }
96 
`
 85 
`
Línea 97... Línea 86...
97 
 
 86 
 
98 
export const QuestionStats = styled.div`
 87 
export const QuestionStats = styled.div`