starred/sky_phone-sky-systems
1
0
Fork 0
mirror of https://github.com/sky-systems/sky_phone.git synced 2026-08-29 02:01:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX - align Local Pages header

Browse Source
This commit is contained in:
smx.pusha
2026-08-06 14:27:13 +02:00
parent a9633c1685
commit a440c477cb
2 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/apps/LocalPagesApp.vue
+9 -3
View File
@@ -203,9 +203,10 @@ onMounted(() => void loadFeed())
<main class="pages" :class="{ 'pages--light': !phone.isDarkMode }">
<template v-if="screen === 'main'">
<header class="pages__header">
<button type="button" :aria-label="phone.t('Common.back')" @click="router.push('/')"><ChevronLeft :size="21" /></button>
<div><span>{{ phone.t('Apps.localPages.eyebrow') }}</span><h1>Local Pages</h1></div>
<button type="button" :aria-label="phone.t('Apps.localPages.create')" @click="selectTab('create')"><Plus :size="21" /></button>
<div>
<span class="pages__brand"><MapPin :size="14" /> Local Pages</span>
<h1>{{ phone.t(`Apps.localPages.${tab === 'feed' ? 'discover' : tab}`) }}</h1>
</div>
</header>
<section class="pages__content">
@@ -274,4 +275,9 @@ onMounted(() => void loadFeed())
.pages__tabbar button{width:54px;gap:2px}
.pages__tabbar button>span{position:relative}
.pages__tabbar .create span{width:37px;height:30px;margin-top:-4px;border-radius:10px;box-shadow:none}
.pages__header{height:64px;padding:6px 16px 8px;display:flex;align-items:center;justify-content:space-between}
.pages__header>div{text-align:left}
.pages__header .pages__brand{display:flex;align-items:center;gap:4px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.pages__header h1{margin:1px 0 0;font-size:25px;line-height:1}
.pages__content{height:calc(100% - 64px - 58px)}
</style>
sky_phone/source/html/index.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sky Phone</title>
<script type="module" crossorigin src="./assets/sky-index-BNUbi_E0.js"></script>
<script type="module" crossorigin src="./assets/sky-index-Cgatzp7b.js"></script>
<link rel="stylesheet" crossorigin href="./assets/sky-index-DMAIEjGF.css">
</head>
<body>