valitovgaziz/tp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

modified: main_dc/yalarba/easySite/easySite/app/assets/css/components.css

Browse Source 
modified:   main_dc/yalarba/easySite/easySite/app/assets/css/main.css
	modified:   main_dc/yalarba/easySite/easySite/app/assets/css/travel.css
	modified:   main_dc/yalarba/easySite/easySite/app/assets/css/typography.css
	modified:   main_dc/yalarba/easySite/easySite/app/assets/css/variables.css
	modified:   main_dc/yalarba/easySite/easySite/app/components/layout/Footer.vue
	modified:   main_dc/yalarba/easySite/easySite/app/components/layout/Header.vue
	new file:   main_dc/yalarba/easySite/easySite/app/composables/useTheme.ts
	modified:   main_dc/yalarba/easySite/easySite/app/pages/index.vue
	new file:   main_dc/yalarba/easySite/easySite/app/plugins/theme.client.ts
add dark theme for easysite
This commit is contained in:
Газиз Валитов
2025-10-30 00:22:00 +05:00
parent c4f8ed467a
commit beecbb3b86
10 changed files with 413 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
main_dc/yalarba/easySite/easySite/app/pages/index.vue
+7 -5
View File
@@ -8,7 +8,9 @@
<div class="container">
<div class="hero-content">
<div class="hero-text">
<h1 class="hero-title">Создавай аккаунт, добавляй объекты и получи сайт на каждый добавленный объект</h1>
<h1 class="hero-title">Создавай аккаунт</h1>
<h1 class="hero-title">Добавляй услуги</h1>
<h1 class="hero-title">Получи сайт</h1>
<p class="hero-subtitle">Диджитал присутвие в интернете легко и доступно</p>
</div>
</div>
@@ -44,14 +46,14 @@ const handleSearch = () => {
/* Hero секция занимает всю доступную высоту */
.hero-section {
background: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-700) 100%);
background: var(--hero-gradient);
color: var(--text-inverse);
position: relative;
overflow: hidden;
flex: 1 0 auto; /* Занимает всё доступное пространство */
flex: 1 0 auto;
display: flex;
align-items: center;
min-height: calc(100vh - 80px); /* Минимальная высота минус хедер */
min-height: calc(100vh - 80px);
}
.hero-section::before {
@@ -61,7 +63,7 @@ const handleSearch = () => {
left: 0;
right: 0;
bottom: 0;
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><polygon fill="%230ea5e9" points="0,1000 1000,0 1000,1000"/></svg>');
background: var(--hero-pattern);
opacity: 0.1;
}