<template>
  <div class="safety-platform-container">
    <header class="safety-platform-container__header">
      <BreadcrumbBack />
      <span class="breadcrumb-title">活动报名管理</span>
    </header>
    <AtivityRegistrationManagement />
  </div>
</template>

<script setup lang="ts">
  import BreadcrumbBack from '@/components/BreadcrumbBack.vue';
  import AtivityRegistrationManagement from './components/activityRegistrationManagement.vue';
</script>

<style scoped lang="scss">
  @use '@/styles/page-details-layout.scss' as *;
  @use '@/styles/page-main-layout.scss' as *;

  .safety-platform-container__header {
    flex-direction: row !important;
    justify-content: flex-start !important;
    gap: 8px !important;
  }
</style>

