Elgato_dark/appwrite
1
0
Fork 0
mirror of https://github.com/appwrite/appwrite synced 2026-05-24 01:18:37 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 3

Merge pull request #2776 from appwrite/origin/preview-box

Browse source 
-- Create preview-box.less styles
This commit is contained in:
Torsten Dittmann 2022-02-17 11:27:38 +01:00 committed by GitHub
commit 3c445ae8c8
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
app/views/console/storage/index.phtml
View file

@ -35,7 +35,6 @@
<li class="margin-bottom">
<a data-ls-attrs="href=/console/storage/bucket?id={{bucket.$id}}&project={{router.params.project}}" class="box">
<div data-ls-bind="{{bucket.name}}" class="text-one-liner margin-bottom text-bold">&nbsp;</div>
<i class="icon-right-open"></i>
</a>
</li>

21
public/styles/comps/preview-box.less Normal file
View file

@ -0,0 +1,21 @@
.preview-box {
display: grid;
place-content: center;
padding: 40px;
background: var(--config-color-background-fade);
border: 1px dashed var(--config-color-background-dark);
border-radius: 8px;
&-image {
display: grid;
place-content: center;
width: 40px;
height: 40px;
margin-inline: auto;
background-color: var(--config-color-background-focus);
border-radius: 50%;
}
&-text{
margin-top: 16px;
color: var(--config-color-fade);
}
}

3
public/styles/default.less
View file

@ -34,6 +34,7 @@ img[src=""] {
@import "comps/modal";
@import "comps/scroll";
@import "comps/tabs";
@import "comps/preview-box";
@import "comps/upload-box";
@import "comps/pill";
@ -57,4 +58,4 @@ ul {
margin: 0;
list-style: none;
}
}
}