You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

AppTitle.vue 454B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <div class="c-title">
  3. <slot />
  4. </div>
  5. </template>
  6. <style lang="scss" scoped>
  7. .c-title {
  8. @apply px-4 bg-dark-500 shadow-lg flex items-center;
  9. position: sticky;
  10. top: 0;
  11. height: 50px;
  12. .title {
  13. @apply text-base text-white font-bold pr-2 mr-2;
  14. @apply border-r border-dark-100;
  15. sup {
  16. @apply text-white;
  17. }
  18. }
  19. .subtitle {
  20. @apply text-gray-400 text-sm;
  21. }
  22. a {
  23. @apply underline;
  24. }
  25. }
  26. </style>