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;
} }

24
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,26 +18,28 @@
</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">
<a href="#" target="_blank">
Add or remove servers
</a>
</div>
</li>
<a href="#" class="list-group-item list-group-item-action display-6">
<img src="https://toot.community/favicon.ico"> <img src="https://toot.community/favicon.ico">
toot.community toot.community
</a> </a>
<a href="#" class="list-group-item list-group-item-action"> <a href="#" class="list-group-item list-group-item-action display-6">
<img src="https://toot.cafe/favicon.ico"> <img src="https://toot.cafe/favicon.ico">
toot.cafe toot.cafe
</a> </a>
<a href="#" class="list-group-item list-group-item-action"> <a href="#" class="list-group-item list-group-item-action display-6">
<img src="https://mastodon.social/favicon.ico"> <img src="https://mastodon.social/favicon.ico">
mastodon.social mastodon.social
</a> </a>
</div> </div>
<a href="#" target="_blank">
<button type="button" class="btn btn-sm btn-outline-secondary w-100 mb-2">Add or remove servers</button>
</a>
</div>
<script src="js/bootstrap.js"></script> <script src="js/bootstrap.js"></script>
<script src="js/settings.js"></script> <script src="js/settings.js"></script>