frontend: move style properties to components

frontend/src/lib/css/global.css

@@ -39,38 +39,6 @@ button {
     overflow: hidden;
 }
 
-/* Вертикальное изображение */
-.vertical {
-    aspect-ratio: 11 / 16;
-}
-
-/* Горизонтальное изображение */
-.horisontal {
-    aspect-ratio: 16 / 11;
-}
-
-.image {
-    margin-left: auto;
-    margin-right: auto;
-    align-content: center;
-    text-align: center;
-    width: 11rem;
-}
-
-/* Кнопка "плюс" */
-.plus {
-    font-family: Arial, Helvetica, sans-serif;
-    aspect-ratio: 1 / 1;
-    height: 32px;
-    font-size: x-large;
-    cursor: pointer;
-}
-
-/* Кнопка "плюс" на изображении должна быть больше */
-.image .plus {
-    height: 48px;
-}
-
 /* Поле с обложкой */
 .cover {
     padding: 2rem;
@@ -78,22 +46,6 @@ button {
     align-content: center;
 }
 
-/* Поле с кнопкой "Создать" */
-.create {
-    width: 100%;
-    position: fixed;
-    bottom: 0;
-    text-align: center;
-    display: flex;
-    flex-direction: column;
-}
-
-.create button {
-    margin: 0.5rem;
-    padding: 1rem;
-    cursor: pointer;
-}
-
 /* Поле с заполняемыми полями */
 .fields {
     width: 100%;
@@ -111,77 +63,16 @@ button {
     margin-bottom: 0;
 }
 
-/* Вертикальный список */
-.horisontal-bar {
-    display: flex;
-    overflow-x: scroll;
-    align-content: center;
-    padding: 0.5rem;
-}
-
 .horisontal-bar * {
     margin: 0;
     margin-right: 0.5rem;
     align-content: center;
 }
 
-/* Элемент вертикального списка (тег, бадж, жанр) */
-.horisontal-item {
-    padding: 0.25rem;
-    cursor: pointer;
-}
-
-/* Элемент в очереди */
-.queue-item {
-    margin: 0;
-    padding: 0;
-}
-
-.queue-item + .queue-item {
-    margin-top: 0.5rem;
-}
-
-.queue-item p {
-    margin: 0.5rem;
-}
-
 /* Текст с троеточием в конце */
 .ellipsis {
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
-}
-
-/* Кнопка с изображением */
-.imgbutton {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    margin: 0;
-    align-content: center;
-    text-align: center;
-    font-size: small;
-    padding: 0.5rem;
-}
-
-.imgbutton * {
-    margin: 0;
-}
-
-.imgbutton img {
-    margin-left: auto;
-    margin-right: auto;
-    width: 2rem;
-}
-
-/* Кнопка "Удалить" */
-.remove {
-    cursor: pointer;
-}
-
-/* Кнопка "Изменить" */
-.edit {
-    cursor: pointer;
-    margin-left: auto;
 }