Initial commit: Tapalka monorepo (bot, front, strapi)

CMyTapper/robucks-front/components/shop/Shop.module.css

@@ -0,0 +1,155 @@
+.shop {
+    background: #101010;
+    height: calc(100vh - 82px);
+    font-family: var(--font-manrope);
+    overflow-y: auto;
+    padding-bottom: 82px;
+}
+
+.item_img {
+    --size: 32px;
+    width: var(--size);
+    height: var(--size);
+    max-width: var(--size);
+    max-height: var(--size);
+}
+
+.item_img_sm {
+    --size: 18px;
+    width: var(--size);
+    height: var(--size);
+    max-width: var(--size);
+    max-height: var(--size);
+}
+
+.item_img > img, .item_img_sm > img {
+    width: 100%;
+    height: 100%;
+}
+
+.content {
+    padding-top: 45px;
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+
+.shop.overflow {
+    padding-bottom: 90px;
+}
+
+.header {
+    padding-bottom: 1rem;
+}
+
+.itemsAll {
+    color: #42BB47;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 22px;
+}
+
+.header span {
+    color: white;
+    font-weight: 600;
+    font-size: 19px;
+    line-height: 20px;
+}
+
+.exchangeRobucks {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.items {
+    min-height: 155px;
+    border-radius: 1.5rem;
+    padding: 20px 16px;
+    background: #0E0E10;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.itemsHeader {
+    display: flex;
+    justify-content: space-between;
+}
+
+.item {
+    cursor: pointer;
+    background: #FFFFFF0D;
+    height: 76px;
+    border-radius: 1rem;
+    display: flex;
+    align-items: center;
+    padding: 1rem;
+    gap: 8px;
+}
+
+.shopItem {
+    cursor: pointer;
+    background: #FFFFFF0D;
+    height: 76px;
+    border-radius: 1rem;
+    display: flex;
+    align-items: center;
+    padding: 1rem;
+    gap: 8px;
+}
+
+.shopItemPrice {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.itemInfo {
+    display: flex;
+    flex-direction: column;
+}
+
+.itemInfoTitle span {
+    font-weight: 600;
+    font-size: 18px;
+    line-height: 24px;
+}
+
+.itemInfoContent {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.upgrades {
+    margin-top: 1rem;
+    border-radius: 1.5rem;
+    background: #0E0E10;
+    border: 1px solid #18181A;
+    padding: 20px 16px;
+}
+
+.upgradesTitle span {
+    color: white;
+    font-weight: 600;
+    font-size: 19px;
+    line-height: 20.9px;
+}
+
+.upgradesContent {
+    padding-top: 1rem;
+}
+
+.upgradesContent span {
+    font-weight: 500;
+    color: white;
+    font-size: 16px;
+    line-height: 21px;
+}
+
+.shopItems {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    padding-top: 0.8rem;
+}