1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- .App {
- height: auto;
- text-align: center;
- }
- .App-logo {
- height: 100px;
- }
- .Header {
- display: flex;
- justify-content: space-between;
- background: #fc0874;
- height: 100px;
- }
- main {
- width: 99%;
- display: flex;
- flex-direction: row;
- }
- .Aside {
- width: 20%;
- background-color: cyan;
- }
- .Avatar {
- img {
- min-height: 60px;
- min-width: 60px;
- max-height: 60px;
- max-width: 60px;
- border-radius: 30px;
- }
- }
- .Spoiler {
- cursor: pointer;
- }
- .SpoilerContent {
- cursor: pointer;
- background: dodgerblue;
- }
- footer {
- width: 100%;
- background-color: #303030;
- position: fixed;
- bottom: 0px;
- .Player {
- background: white;
- button {
- margin: 5px;
- }
- .currentTime {
- width: 30%;
- }
- }
- }
- .LoginButtons {
- display: flex;
- flex-direction: row;
- margin-top: 40px;
- margin-right: 20px;
- }
- .RegColumn {
- display: flex;
- flex-direction: column;
- }
- .LoginColumn {
- display: flex;
- flex-direction: column;
- margin-top: 30px;
- margin-right: 20px;
- }
- .Tracks {
- text-align: left;
- padding: 2px;
- margin: 2px;
- border: 1px solid dodgerblue;
- }
|