diff --git a/src/components/Figure.vue b/src/components/Figure.vue
index ca184be..4988216 100644
--- a/src/components/Figure.vue
+++ b/src/components/Figure.vue
@@ -5,7 +5,12 @@
:class="{ 'figure__border--polaroid': polaroidBorder }"
>
-
+
+
+
@@ -47,6 +52,7 @@ import NsfwSwitch from "@/components/NsfwSwitch.vue";
export default {
props: {
polaroidBorder: Boolean,
+ dropshadow: Boolean,
nsfw: Boolean,
id: String,
},
@@ -66,7 +72,6 @@ export default {
justify-content: center;
margin: 1em auto;
- padding: 0 1em;
text-align: center;
&__border {
@@ -104,6 +109,10 @@ export default {
max-width: 100%;
max-height: 35em;
}
+
+ &--dropshadow {
+ filter: drop-shadow(0.5em 0.25em 0.375em #000);
+ }
}
&__meta {
@@ -125,7 +134,7 @@ export default {
max-height: 70em;
position: relative;
- background-color: $bg-color-light;
+ background-color: $bg-color-lighter;
overflow: hidden;
@include mq-desktop {
diff --git a/src/views/Anatomy.vue b/src/views/Anatomy.vue
index cbf1605..ddc557a 100644
--- a/src/views/Anatomy.vue
+++ b/src/views/Anatomy.vue
@@ -17,7 +17,7 @@
Anatomy
-
+
Head
-
+
Penis
-
+
