Mastodon
/
share-to-mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update new share UI

This commit is contained in:
Corbin Davenport 2023-02-12 01:39:23 -05:00
parent ca12dbf5ba
commit 4615dec4fb
2 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/dark.css
View File

@ -36,6 +36,6 @@ a:hover {
color: #d3d3d3; color: #d3d3d3;
} }
.border-top { .border-top, .border-bottom, .list-group-item {
border-color: #000 !important; border-color: #000 !important;
} }

40
share.html
View File

@ -10,7 +10,7 @@
<link href="css/dark.css" rel="stylesheet" media="(prefers-color-scheme: dark)"> <link href="css/dark.css" rel="stylesheet" media="(prefers-color-scheme: dark)">
<style> <style>
.list-group-item img { .list-group-item img {
width: 20px; width: 1em;
height: auto; height: auto;
margin-right: 5px; margin-right: 5px;
} }
@ -18,24 +18,26 @@
</head> </head>
<body> <body>
<div class="container-fluid"> <div class="list-group mb-2 list-group-flush border-bottom">
<div class="mt-2 mb-2 text-muted">Select a server</div> <li class="list-group-item list-group-item-dark">
<div class="list-group mb-2"> Select a server
<a href="#" class="list-group-item list-group-item-action"> <div class="float-end">
<img src="https://toot.community/favicon.ico"> <a href="#" target="_blank">
toot.community Add or remove servers
</a> </a>
<a href="#" class="list-group-item list-group-item-action"> </div>
<img src="https://toot.cafe/favicon.ico"> </li>
toot.cafe <a href="#" class="list-group-item list-group-item-action display-6">
</a> <img src="https://toot.community/favicon.ico">
<a href="#" class="list-group-item list-group-item-action"> toot.community
<img src="https://mastodon.social/favicon.ico"> </a>
mastodon.social <a href="#" class="list-group-item list-group-item-action display-6">
</a> <img src="https://toot.cafe/favicon.ico">
</div> toot.cafe
<a href="#" target="_blank"> </a>
<button type="button" class="btn btn-sm btn-outline-secondary w-100 mb-2">Add or remove servers</button> <a href="#" class="list-group-item list-group-item-action display-6">
<img src="https://mastodon.social/favicon.ico">
mastodon.social
</a> </a>
</div> </div>