valitovgaziz
79 lines
1.8 KiB
Vue
79 lines
1.8 KiB
Vue
<template>
|
|
<div class="admin">
|
|
<section class="page-hero">
|
|
<div class="container">
|
|
<h1>Администрирование</h1>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<div class="admin__grid">
|
|
<NuxtLink to="/admin/objects" class="admin__card">
|
|
<h4>Объекты</h4>
|
|
<p class="small-text">Управление туристическими объектами</p>
|
|
</NuxtLink>
|
|
<NuxtLink to="/admin/users" class="admin__card">
|
|
<h4>Пользователи</h4>
|
|
<p class="small-text">Управление пользователями</p>
|
|
</NuxtLink>
|
|
<NuxtLink to="/admin/reviews" class="admin__card">
|
|
<h4>Отзывы</h4>
|
|
<p class="small-text">Модерация отзывов</p>
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
definePageMeta({
|
|
title: 'Администрирование',
|
|
middleware: 'auth',
|
|
})
|
|
</script>
|
|
|
|
<style scoped>
|
|
.page-hero {
|
|
background: var(--color-dark);
|
|
padding: 60px 0;
|
|
text-align: center;
|
|
color: var(--color-text-white);
|
|
}
|
|
|
|
.page-hero h1 {
|
|
color: var(--color-text-white);
|
|
}
|
|
|
|
.admin__grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 24px;
|
|
}
|
|
|
|
.admin__card {
|
|
background: var(--color-white);
|
|
border: 1px solid var(--color-stroke);
|
|
border-radius: var(--radius-md);
|
|
padding: 32px 24px;
|
|
text-align: center;
|
|
transition: all var(--transition-fast);
|
|
}
|
|
|
|
.admin__card:hover {
|
|
border-color: var(--color-primary);
|
|
box-shadow: var(--shadow-md);
|
|
}
|
|
|
|
.admin__card h4 {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
@media (max-width: 744px) {
|
|
.admin__grid {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|
|
</style>
|