pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Round some more corners

Browse Source
This commit is contained in:
Wim Brand
2021-08-18 13:00:07 +02:00
parent fee81146aa
commit 8a91135794
8 changed files with 46 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
res/include/style/layout.css
View File

@@ -33,7 +33,7 @@
font-family: 'Material Icons'; font-family: 'Material Icons';
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-size: 1.6em; font-size: 1.5em;
display: inline-block; display: inline-block;
line-height: 1; line-height: 1;
text-transform: none; text-transform: none;
@@ -177,7 +177,7 @@ body, .checkers {
color: #b2b2b2; /* Fallback */ color: #b2b2b2; /* Fallback */
color: var(--text_color); color: var(--text_color);
text-align: center; text-align: center;
padding: 6px 6px; padding: 4px;
margin: 0.3em 15px 0.3em 15px; margin: 0.3em 15px 0.3em 15px;
font-family: "light", sans-serif; font-family: "light", sans-serif;
font-size: 1.6em; font-size: 1.6em;
@@ -217,7 +217,7 @@ body, .checkers {
box-sizing: border-box; box-sizing: border-box;
overflow: hidden; overflow: hidden;
text-align: center; text-align: center;
padding: 8px; padding: 4px;
} }
.highlight_dark, .highlight_1 { .highlight_dark, .highlight_1 {
background-color: var(--layer_1_color); background-color: var(--layer_1_color);
@@ -309,7 +309,7 @@ hr{
height: 1px; height: 1px;
border: none; border: none;
background-color: var(--input_color); background-color: var(--input_color);
margin: 16px 16px 16px 16px; margin: 12px;
} }
a { a {
@@ -354,7 +354,7 @@ pre {
width: 400px; width: 400px;
max-width: 90%; max-width: 90%;
height: 3.6em; height: 3.6em;
margin: 10px; margin: 8px;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
border-radius: 6px; border-radius: 6px;
@@ -431,7 +431,7 @@ select {
border: none; border: none;
margin: 3px; margin: 3px;
background: linear-gradient(var(--input_color), var(--input_color_dark)); background: linear-gradient(var(--input_color), var(--input_color_dark));
padding: 6px 7px 6px 7px; padding: 5px 5px 5px 5px;
box-shadow: 1px 1px 5px -3px var(--shadow_color); box-shadow: 1px 1px 5px -3px var(--shadow_color);
line-height: 1em; line-height: 1em;
overflow: hidden; overflow: hidden;
@@ -442,6 +442,7 @@ select {
color: var(--input_text_color); color: var(--input_text_color);
outline: 0; outline: 0;
vertical-align: middle; vertical-align: middle;
align-items: center;
cursor: pointer; cursor: pointer;
transition: padding 0.2s, box-shadow 0.2s; transition: padding 0.2s, box-shadow 0.2s;
} }
@@ -471,7 +472,7 @@ select:active{
background: linear-gradient(var(--input_color_dark), var(--input_color)); background: linear-gradient(var(--input_color_dark), var(--input_color));
box-shadow: inset 4px 4px 8px var(--shadow_color); box-shadow: inset 4px 4px 8px var(--shadow_color);
/* Exactly 4px offset compared to the inactive padding to give a depth effect */ /* Exactly 4px offset compared to the inactive padding to give a depth effect */
padding: 10px 3px 2px 11px; padding: 9px 1px 1px 9px;
} }
.button_full_width {width: calc(100% - 6px);} .button_full_width {width: calc(100% - 6px);}
.button_highlight {background: linear-gradient(var(--highlight_color), var(--highlight_color_dark)) !important; color: var(--highlight_text_color) !important;} .button_highlight {background: linear-gradient(var(--highlight_color), var(--highlight_color_dark)) !important; color: var(--highlight_text_color) !important;}

11
res/include/style/viewer.css
View File

@@ -25,7 +25,7 @@
text-align: left; text-align: left;
z-index: 10; z-index: 10;
box-shadow: none; box-shadow: none;
padding: 6px; padding: 4px;
} }
.file_viewer > .file_viewer_headerbar_embedded { .file_viewer > .file_viewer_headerbar_embedded {
padding: 2px; padding: 2px;
@@ -35,8 +35,8 @@
.file_viewer > .file_viewer_headerbar > * { .file_viewer > .file_viewer_headerbar > * {
flex-grow: 0; flex-grow: 0;
flex-shrink: 0; flex-shrink: 0;
margin-left: 6px; margin-left: 4px;
margin-right: 6px; margin-right: 4px;
display: inline; display: inline;
} }
.file_viewer > .file_viewer_headerbar > .file_viewer_headerbar_title { .file_viewer > .file_viewer_headerbar > .file_viewer_headerbar_title {
@@ -50,6 +50,9 @@
text-overflow: ellipsis; text-overflow: ellipsis;
justify-content: center; justify-content: center;
} }
.file_viewer > .file_viewer_headerbar > .button_toggle_toolbar > .icon {
font-size: 1.6em;
}
.file_viewer > .file_viewer_headerbar > .button_home > svg { .file_viewer > .file_viewer_headerbar > .button_home > svg {
height: 1.6em; height: 1.6em;
width: 1.6em; width: 1.6em;
@@ -75,7 +78,7 @@
position: relative; position: relative;
display: none; /* Becomes visible if the page is a list */ display: none; /* Becomes visible if the page is a list */
width: 100%; width: 100%;
background-color: var(--layer_1_color); border-top: 1px solid var(--layer_2_color_border);
text-align: center; text-align: center;
line-height: 1em; line-height: 1em;
overflow-x: auto; overflow-x: auto;

2
res/template/advertisements.html
View File

@@ -3,7 +3,7 @@
<!-- scrolling="no" is not allowed by the W3C, but overflow: hidden doesn't work in chrome, so I have no choice --> <!-- scrolling="no" is not allowed by the W3C, but overflow: hidden doesn't work in chrome, so I have no choice -->
<iframe class="sponsors_banner" <iframe class="sponsors_banner"
data-aa="73974" data-aa="73974"
src="//ad.a-ads.com/73974?size=728x90&background_color={{.Style.Layer1Color.RGB}}&text_color={{.Style.TextColor.RGB}}&title_color={{.Style.HighlightColor.RGB}}&title_hover_color={{.Style.HighlightColor.RGB}}&link_color={{.Style.HighlightColor.RGB}}&link_hover_color={{.Style.HighlightColor.RGB}}" src="//ad.a-ads.com/73974?size=728x90&background_color={{.Style.Layer2Color.RGB}}&text_color={{.Style.TextColor.RGB}}&title_color={{.Style.HighlightColor.RGB}}&title_hover_color={{.Style.HighlightColor.RGB}}&link_color={{.Style.HighlightColor.RGB}}&link_hover_color={{.Style.HighlightColor.RGB}}"
style="width:728px; height:90px; border:none; padding:0; overflow:hidden;" style="width:728px; height:90px; border:none; padding:0; overflow:hidden;"
scrolling="no"> scrolling="no">
</iframe> </iframe>

20
res/template/file_not_found.html
View File

@@ -14,10 +14,20 @@
reasons for this are: reasons for this are:
</p> </p>
<ul> <ul>
<li>The file has not been viewed for 30 days and has expired</li> <li>
<li>Something went wrong on the pixeldrain servers causing the file to be temporarily unavailable</li> The file has not been viewed for 30 days and has expired
<li>The file violated copyright laws and has received a takedown request</li> </li>
<li>The content was deemed illegal in some country and censorship was requested by a government organisation</li> <li>
The user who uploaded the file has deleted it
</li>
<li>
Something went wrong on the pixeldrain servers causing the
file to be temporarily unavailable
</li>
<li>
File file has been lost due to a problem with the storage
system
</li>
</ul> </ul>
<p> <p>
I'm sorry for the inconvenience. I'm sorry for the inconvenience.
@@ -47,8 +57,6 @@
<ul> <ul>
<li>All files in this list have not been viewed for 30 days and have expired</li> <li>All files in this list have not been viewed for 30 days and have expired</li>
<li>Something went wrong on the pixeldrain servers causing the list to be temporarily unavailable</li> <li>Something went wrong on the pixeldrain servers causing the list to be temporarily unavailable</li>
<li>The files in the list violated copyright laws and have received a takedown request</li>
<li>The files in the list were deemed illegal in some country and censorship was requested by a government organisation</li>
</ul> </ul>
<p> <p>
I'm sorry for the inconvenience. I'm sorry for the inconvenience.

18
res/template/home.html
View File

@@ -185,9 +185,13 @@
Thank you for supporting pixeldrain! Thank you for supporting pixeldrain!
{{else}} {{else}}
Only Only
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427" class="button button_highlight">€ 2 per month</a> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427" class="button button_highlight round">
€ 2 per month
</a>
or or
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight">€ 20 per year!</a> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291427&cadence=12" class="button button_highlight round">
€ 20 per year!
</a>
<br/> <br/>
(Excluding tax) (Excluding tax)
<br/> <br/>
@@ -213,7 +217,7 @@
You have this plan<br/> You have this plan<br/>
Thank you for supporting pixeldrain! Thank you for supporting pixeldrain!
{{else}} {{else}}
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5736701" class="button button_highlight">€ 4</a> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5736701" class="button button_highlight round">€ 4</a>
{{end}} {{end}}
</div> </div>
</div> </div>
@@ -228,7 +232,7 @@
You have this plan<br/> You have this plan<br/>
Thank you for supporting pixeldrain! Thank you for supporting pixeldrain!
{{else}} {{else}}
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291482" class="button button_highlight">€ 8</a> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291482" class="button button_highlight round">€ 8</a>
{{end}} {{end}}
</div> </div>
</div> </div>
@@ -243,7 +247,7 @@
You have this plan<br/> You have this plan<br/>
Thank you for supporting pixeldrain! Thank you for supporting pixeldrain!
{{else}} {{else}}
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291516" class="button button_highlight">€ 16</a> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291516" class="button button_highlight round">€ 16</a>
{{end}} {{end}}
</div> </div>
</div> </div>
@@ -258,7 +262,7 @@
You have this plan<br/> You have this plan<br/>
Thank you for supporting pixeldrain! Thank you for supporting pixeldrain!
{{else}} {{else}}
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291528" class="button button_highlight">€ 32</a> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=5291528" class="button button_highlight round">€ 32</a>
{{end}} {{end}}
</div> </div>
</div> </div>
@@ -273,7 +277,7 @@
You have this plan<br/> You have this plan<br/>
Thank you for supporting pixeldrain! Thank you for supporting pixeldrain!
{{else}} {{else}}
<a href="https://www.patreon.com/join/pixeldrain/checkout?rid=6573749" class="button button_highlight">€ 64</a> <a href="https://www.patreon.com/join/pixeldrain/checkout?rid=6573749" class="button button_highlight round">€ 64</a>
{{end}} {{end}}
</div> </div>
</div> </div>

1
svelte/src/admin_panel/AbuseReport.svelte
View File

@@ -114,6 +114,7 @@ let set_status = async (action, report_type) => {
.title { .title {
flex: 1 1 auto; flex: 1 1 auto;
align-self: center; align-self: center;
word-break: break-all;
} }
.stats { .stats {
flex: 0 0 auto; flex: 0 0 auto;

2
svelte/src/user_buckets/UserBucket.svelte
View File

@@ -75,6 +75,8 @@ const delete_bucket = async () => {
transition: box-shadow 0.5s; transition: box-shadow 0.5s;
box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color); box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color);
margin: 1em 0; margin: 1em 0;
border-radius: 8px;
overflow: hidden;
} }
.bucket_header { .bucket_header {
display: flex; display: flex;

2
svelte/src/util/Expandable.svelte
View File

@@ -31,6 +31,8 @@ export const toggle = () => {
transition: box-shadow 0.5s; transition: box-shadow 0.5s;
box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color); box-shadow: 1px 1px var(--layer_3_shadow) 0 var(--shadow_color);
margin: 1em 0; margin: 1em 0;
border-radius: 8px;
overflow: hidden;
} }
.header { .header {
display: flex; display: flex;