ob/ob248.com
1
0
Fork 0
mirror of https://github.com/hex248/ob248.com.git synced 2026-02-07 18:23:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

demo-border css

Browse Source
This commit is contained in:
Oliver Bryan
2025-09-29 02:35:51 +01:00
parent b2645dab76
commit e5b532ed0a
2 changed files with 19 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/projects/glimpse.astro
View File

@@ -58,28 +58,32 @@ export const metadata = {
<img <img
src="/images/glimpse/feed.png" src="/images/glimpse/feed.png"
alt="Feed view" alt="Feed view"
class="w-full h-full object-cover rounded" class="w-full h-full object-cover demo-border"
/> />
<img <img
src="/images/glimpse/crop.png" src="/images/glimpse/crop.png"
alt="Composer + cropping" alt="Composer + cropping"
class="w-full h-full object-cover rounded" class="w-full h-full object-cover demo-border"
/><img />
<img
src="/images/glimpse/profile.png" src="/images/glimpse/profile.png"
alt="Profile (custom colours)" alt="Profile (custom colours)"
class="w-full h-full object-cover rounded" class="w-full h-full object-cover demo-border"
/><img />
<img
src="/images/glimpse/settings.png" src="/images/glimpse/settings.png"
alt="Settings" alt="Settings"
class="w-full h-full object-cover rounded" class="w-full h-full object-cover demo-border"
/><img />
<img
src="/images/glimpse/comments.png" src="/images/glimpse/comments.png"
alt="Comments & interactions" alt="Comments & interactions"
class="w-full h-full object-cover rounded" class="w-full h-full object-cover demo-border"
/><img />
<img
src="/images/glimpse/search.png" src="/images/glimpse/search.png"
alt="User search/discovery" alt="User search/discovery"
class="w-full h-full object-cover rounded" class="w-full h-full object-cover demo-border"
/> />
</div> </div>
</div> </div>

5
src/styles/global.css
View File

@@ -197,3 +197,8 @@ body {
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background: var(--ayu-accent); background: var(--ayu-accent);
} }
.demo-border {
border: 2px dotted var(--ayu-gutter);
border-radius: 15px;
}