blade/materialious
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Minor style changes

Browse Source
This commit is contained in:
WardPearce
2026-02-24 14:35:01 +13:00
parent ab38d88806
commit 929d370f1d
14 changed files with 28 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
materialious/electron/package.json
-1
View File
@@ -24,7 +24,6 @@
"dependencies": {
"@capacitor-community/electron": "^5.0.0",
"bgutils-js": "^3.2.0",
"capacitor-nodejs": "https://github.com/hampoelz/capacitor-nodejs/releases/download/v1.0.0-beta.9/capacitor-nodejs.tgz",
"chokidar": "~5.0.0",
"electron-is-dev": "~2.0.0",
"electron-serve": "~3.0.0",
materialious/electron/src/rt/electron-plugins.js
-2
View File
@@ -1,6 +1,4 @@
/* eslint-disable @typescript-eslint/no-var-requires */
const CapacitorNodejs = require('../../../node_modules/capacitor-nodejs/electron/dist/plugin.js');
module.exports = {
CapacitorNodejs,
}
materialious/src/lib/components/Author.svelte
-1
View File
@@ -89,7 +89,6 @@
class:primary={!favoritedChannel}
class:surface-container-highest={favoritedChannel}
onclick={toggleFavourited}
class="square"
>
<i>star</i>
<div class="tooltip">
materialious/src/lib/components/Search.svelte
+3 -7
View File
@@ -123,12 +123,12 @@
}}
role="presentation"
>
<div class="field prefix fill no-margin search">
<div class="field prefix fill no-margin search round">
<i class="front" tabindex="-1">search</i>
<input tabindex="0" id="search-box" placeholder={$_('searchPlaceholder')} bind:value={search} />
{#if showSearchBox}
<menu class="min suggestions-container">
<div class="field large prefix suffix no-margin fixed">
<menu class="min suggestions-container fill">
<div class="field large prefix fill suffix no-margin fixed round">
<i class="front" role="presentation" onclick={() => dispatch('searchCancelled')}
>arrow_back</i
>
@@ -208,10 +208,6 @@
background-color: transparent;
}
.suggestions-container {
border-radius: 0 !important;
}
@media screen and (max-width: 1140px) {
.search {
width: 100%;
materialious/src/lib/components/SyncParty.svelte
+1 -1
View File
@@ -192,7 +192,7 @@
onclick={async () => {
await shareURL(`${syncOrigin}${resolve(`/?sync=${createShareBase64()}`, {})}`);
}}
class="square round"
class="round"
>
<i>content_copy</i>
</button>
materialious/src/lib/components/player/Timeline.svelte
+5 -4
View File
@@ -320,7 +320,7 @@
display: block;
margin-bottom: 0.1rem;
height: 100px;
border-radius: 0.25rem;
border-radius: 1rem 1rem 0 0;
}
.timeline.tooltip {
@@ -332,6 +332,7 @@
will-change: transform;
padding: 0;
display: block;
border-radius: 1rem;
}
.tooltip.thumb {
@@ -349,8 +350,8 @@
transform: translateY(-50%);
z-index: 1;
pointer-events: none;
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 2.5rem;
border-bottom-right-radius: 2.5rem;
opacity: 0.5;
}
@@ -361,7 +362,7 @@
left: 0;
height: var(--player-timeline-height);
background-color: var(--secondary);
border-radius: 0.25rem;
border-radius: 2.5rem;
z-index: 2;
pointer-events: none;
opacity: 0.5;
materialious/src/lib/components/settings/DeArrow.svelte
+2 -2
View File
@@ -22,7 +22,7 @@
<input bind:value={deArrowUrl} name="dearrow-instance" type="text" />
<label for="dearrow-instance">{$_('layout.instanceUrl')}</label>
</div>
<button class="square">
<button>
<i>done</i>
</button>
</nav>
@@ -35,7 +35,7 @@
<input bind:value={deArrowThumbnailUrl} name="dearrow-thumbnail-instance" type="text" />
<label for="dearrow-thumbnail-instance">{$_('layout.deArrow.thumbnailInstanceUrl')}</label>
</div>
<button class="square">
<button>
<i>done</i>
</button>
</nav>
materialious/src/lib/components/settings/Interface.svelte
+1 -1
View File
@@ -167,7 +167,7 @@
>
{/if}
</div>
<button class="square">
<button>
<i>done</i>
</button>
</nav>
materialious/src/lib/components/settings/RYD.svelte
+1 -1
View File
@@ -20,7 +20,7 @@
<input tabindex="0" bind:value={returnYTInstance} name="returnyt-instance" type="text" />
<label tabindex="-1" for="returnyt-instance">{$_('layout.instanceUrl')}</label>
</div>
<button class="square">
<button>
<i>done</i>
</button>
</nav>
materialious/src/lib/components/settings/SponsorBlock.svelte
+1 -1
View File
@@ -58,7 +58,7 @@
/>
<label tabindex="-1" for="sponsorblock-instance">{$_('layout.instanceUrl')}</label>
</div>
<button class="square">
<button>
<i>done</i>
</button>
</nav>
materialious/src/lib/components/watch/Transcript.svelte
+1 -1
View File
@@ -96,7 +96,7 @@
</div>
{#if transcriptCues.length > 0}
<div class="space"></div>
<div class="max field suffix prefix small no-margin surface-container-highest">
<div class="max field suffix prefix small round no-margin surface-container-highest">
<i class="front">search</i><input
bind:value={search}
oninput={searchTranscript}
materialious/src/lib/css/global.css
+10 -11
View File
@@ -37,11 +37,6 @@ article {
border: 0.5px solid var(--primary);
}
button,
.button {
border-radius: 0.5rem !important;
}
.thumbnail-corner {
padding: 0.1em 0.4em;
}
@@ -122,13 +117,17 @@ menu {
}
.tooltip {
background-color: var(--surface) !important;
border: 0.1px solid var(--primary) !important;
background-color: var(--surface-container-highest) !important;
box-shadow: none !important;
border-radius: 0.25rem !important;
color: var(--on-surface) !important;
}
button,
.button,
.round {
border-radius: 0.5rem !important;
}
.altcha {
border: none !important;
}
@@ -142,7 +141,7 @@ menu.player-settings {
.player-slider {
height: var(--player-timeline-height);
margin: 0 auto;
border-radius: 0.25rem;
border-radius: 2.5rem;
}
.player-slider.full-width {
@@ -157,7 +156,7 @@ menu.player-settings {
background: var(--secondary-container);
height: 100%;
position: relative;
border-radius: 0.25rem;
border-radius: 2.5rem;
}
.player-slider .range {
@@ -165,7 +164,7 @@ menu.player-settings {
background: var(--inverse-primary);
inset: 0;
right: var(--percentage-inv);
border-radius: 0.25rem;
border-radius: 2.5rem;
opacity: 0.5;
}
materialious/src/routes/(app)/playlists/+page.svelte
+1 -1
View File
@@ -51,7 +51,7 @@
<nav class="right-align padding">
<button
onclick={async () => await removePlaylistItem(playlist.playlistId)}
class="tertiary square"
class="tertiary"
>
<i>delete</i>
</button>
materialious/src/routes/(app)/subscriptions/manage/+page.svelte
+2 -1
View File
@@ -55,7 +55,8 @@
</h6></a
>
<div class="max"></div>
<button onclick={async () => unsubscribe(sub.authorId)} class="border">Unsubscribe</button
<button onclick={async () => unsubscribe(sub.authorId)} class="surface-container-highest"
>Unsubscribe</button
>
</nav>
</article>