contentoh-components-library 21.4.72 → 21.4.73

package/src/components/pages/ProductEditionv2/styles.js

@@ -1,154 +0,0 @@
-import styled from "styled-components";
-import { FontFamily, GlobalColors } from "../../../global-files/variables";
-
-export const Container = styled.div`
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  flex: 1;
-  overflow: auto;
-
-  .data-container {
-    display: flex;
-    flex-direction:row-reverse;
-    flex: 0%;
-    height: calc(100% - ${({ headerTop }) => headerTop}px);
-    margin-top:15px;
-    .image-data-panel {
-      width: 192px;
-      height: 192px;
-
-      & + * {
-        margin-left: 10px;
-      }
-    }
-
-    .product-information {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-
-      .services-information-container {
-        height: 100%;
-        overflow: auto;
-        padding: 0 20px;
-      }
-
-      .product-information-image{
-        display:flex;
-        width: 100%;
-        margin-bottom:10px;
-      }
-
-      .product-image{
-        display:flex;
-        flex-direction: column;
-        justify-content: space-between;
-        padding: 0 20px;
-        gap:20px;
-        width:100%;
-      }
-
-      .image-services {
-        aside {
-          display: grid;
-          grid-template-columns: repeat(auto-fill, 179px);
-          column-gap: 15px;
-          row-gap: 15px;
-          padding: 20px;
-        }
-      }
-
-      .commentary-box {
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-end;
-        padding: 10px;
-        padding-left: 0;
-
-        .commentary {
-          display: flex;
-          align-items: flex-end;
-
-          .input-container {
-            width: 500px;
-
-            .quill {
-              height: 100px;
-            }
-
-            & + * {
-              margin-left: 5px;
-            }
-          }
-
-          .buttons-box {
-            display: flex;
-            width: 210px;
-            flex-wrap: wrap;
-
-            .general-transparent-button {
-              & + * {
-                margin-top: 5px;
-              }
-            }
-
-            .general-transparent-button,
-            .general-green-button,
-            .general-button-disabled {
-              width: fit-content;
-              min-width: 201px;
-              height: 40px;
-            }
-          }
-        }
-      }
-
-      .feedback-box {
-        display: flex;
-      }
-
-      .required-inputs-message {
-        font-family: ${FontFamily.AvenirNext};
-        font-size: 13px;
-        color: ${GlobalColors.s4};
-        padding: 10px;
-        display: flex;
-        align-items: center;
-
-        p + * {
-          margin-top: 10px;
-        }
-
-        button {
-          min-width: fit-content;
-        }
-      }
-    }
-  }
-  #modal-message-box {
-    width: 400px;
-    height: 100px;
-  }
-  .container {
-    width: 100%;
-    height: auto;
-    border:1px solid ${GlobalColors.gray_light};
-    .dropzone {
-      height: 100%;
-      width: 100%;
-    }
-  }
-
-  .container-imagesM{
-    display:flex;
-    flex-direction: column;
-    gap: 12px;
-  }
-
-  .container-bars{
-    display:flex;
-    gap:20px;
-    margin:10px 0;
-  }
-`;