feat: assignment label bij leerpaden die opdrachten zijn

This commit is contained in:
Timo De Meyst 2025-04-14 10:59:59 +02:00
parent 1ccbfd6c38
commit fb02300274

View file

@ -168,6 +168,10 @@
</template> </template>
</using-query-result> </using-query-result>
</div> </div>
<v-divider></v-divider>
<div v-if="true" class="assignment-indicator">
ASSIGNMENT
</div>
</v-navigation-drawer> </v-navigation-drawer>
<div class="control-bar-above-content"> <div class="control-bar-above-content">
<v-btn <v-btn
@ -226,4 +230,18 @@
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
} }
.assignment-indicator {
position: absolute;
bottom: 10px;
left: 10px;
padding: 4px 12px;
border: 2px solid #f8bcbc;
border-radius: 20px;
color: #f36c6c;
background-color: rgba(248, 188, 188, 0.1);
font-weight: bold;
font-family: Arial, sans-serif;
font-size: 14px;
text-transform: uppercase;
}
</style> </style>