first kind of stable version

2026-08-10 22:22:27 +02:00
parent f84636b31f
commit dcd75d3bf4
3 changed files with 36 additions and 19 deletions
@@ -1,10 +1,14 @@
 <template>
-    <div class="gw-div" :class="{ 'default': correctness==0, 'cw-cp': correctness==4, 'cw-ip': correctness==3, 'cf-cp': correctness==2, 'cf-ip': correctness==1 }">
-        <slot></slot>
-    </div>
+    <Transition appear>
+        <div v-if="true" class="gw-div" :class="{ 'less': correctness==-3, 'more': correctness==-2, 'default': correctness==0, 'cw-cp': correctness==4, 'cw-ip': correctness==3, 'cf-cp': correctness==2, 'cf-ip': correctness==1 }">
+            <slot></slot>
+        </div>
+    </Transition>
 </template>

 <script lang="ts">
+import { Transition } from 'vue';
+

    export default {
        props: {
@@ -17,6 +21,10 @@
 </script>

 <style scoped>
+    .v-enter-active {
+        transition: opacity 0.5s ease;
+    }
+
    
    .gw-div::first-letter {
        font-weight: bold;
@@ -30,7 +38,13 @@
        color: white;
    }
    .default {
-        background-color: red;
+        background-color: rgb(79, 79, 79);
+    }
+    .more {
+        background-color: rgb(255, 0, 0);
+    }
+    .less {
+        background-color: rgb(129, 112, 0);
    }
    .cw-cp {
        background-color: rgb(0, 122, 2);