-
-
+
+
+
+
+
+
+
+
+
@@ -102,8 +182,10 @@
flex: 1;
margin: 0 3.8rem;
overflow: hidden;
+ --border-radius: 2rem;
> .my-list {
padding: 0 6rem;
+ --my-list-footer-margin: 0 0 2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
@@ -111,8 +193,8 @@
.item {
width: 47%;
height: 52.9rem;
- overflow: hidden;
- border-radius: 2rem;
+ // overflow: hidden;
+ border-radius: var(--border-radius);
background-color: #fff;
margin-bottom: 4rem;
border: 0.1rem solid #000;
@@ -135,6 +217,7 @@
font-family: satoshiBold;
font-size: 1.6rem;
border-bottom-left-radius: 1.6rem;
+ border-top-right-radius: var(--border-radius);
background-color: #000;
color: #fff;
@@ -173,6 +256,27 @@
justify-content: center;
}
}
+ > .icon-selected {
+ position: absolute;
+ bottom: -2rem;
+ right: -2rem;
+ width: 5rem;
+ height: 5rem;
+ }
+ > .download-state {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ background-color: rgba(0, 0, 0, 0.5);
+ border-radius: var(--border-radius);
+ color: #fff;
+ font-size: 4rem;
+ }
}
}
}
@@ -187,6 +291,7 @@
width: 35rem;
height: 8rem;
border-radius: 1.3rem;
+ border: none;
background: #000;
font-weight: 400;
font-size: 4.2rem;
diff --git a/src/views/Workshop/creation/index.vue b/src/views/Workshop/creation/index.vue
index 0d77b92..7cdd2e3 100644
--- a/src/views/Workshop/creation/index.vue
+++ b/src/views/Workshop/creation/index.vue
@@ -22,7 +22,7 @@