danvics/ytptube
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Minor style changes

Browse source
This commit is contained in:
ArabCoders 2024-07-29 13:30:30 +03:00
parent d32ffee980
commit 4d0c88ce51
4 changed files with 1664 additions and 676 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
Pipfile.lock generated
View file

@ -424,11 +424,11 @@
},
"croniter": {
"hashes": [
"sha256:1041b912b4b1e03751a0993531becf77851ae6e8b334c9c76ffeffb8f055f53f",
"sha256:f15e80828d23920c4bb7f4d9340b932c9dcabecafc7775703c8b36d1253ed526"
"sha256:34117ec1741f10a7bd0ec3ad7d8f0eb8fa457a2feb9be32e6a2250e158957668",
"sha256:b3bd11f270dc54ccd1f2397b813436015a86d30ffc5a7a9438eec1ed916f2101"
],
"markers": "python_version >= '2.6' and python_version not in '3.0, 3.1, 3.2, 3.3'",
"version": "==2.0.7"
"version": "==3.0.3"
},
"curl-cffi": {
"hashes": [

2295
frontend/package-lock.json generated
View file

File diff suppressed because it is too large Load diff

7
frontend/src/components/CLI-Console.vue
View file

@ -15,7 +15,7 @@
<span class="icon"><font-awesome-icon icon="fa-solid fa-terminal" /></span> Terminal
</p>
<p class="card-header-icon">
<span class="icon" @click="clearOutput"><font-awesome-icon icon="fa-solid fa-broom" /></span>
<span v-tooltip.top="'Clear console window'" class="icon" @click="clearOutput"><font-awesome-icon icon="fa-solid fa-broom" /></span>
</p>
</header>
<section class="card-content p-0 m-0">
@ -26,11 +26,12 @@
<div class="control is-expanded has-icons-left">
<input type="text" class="input" v-model="command" placeholder="ls -la" autocomplete="off"
ref="command_input" @keydown.enter="runCommand" :disabled="props.isLoading" id="command">
<span class="icon is-left"><font-awesome-icon icon="fa-solid fa-terminal" /></span>
<span class="icon is-left"><font-awesome-icon icon="fa-solid fa-terminal"
:spin="props.isLoading" /></span>
</div>
<p class="control">
<button class="button is-primary" type="button" :disabled="props.isLoading || '' === command"
:class="{ 'is-loading': props.isLoading }" @click="runCommand">
@click="runCommand">
<span class="icon"><font-awesome-icon icon="fa-solid fa-paper-plane" /></span>
</button>
</p>

32
frontend/src/components/Page-Header.vue
View file

@ -8,35 +8,49 @@
</div>
<div class="navbar-end">
<div class="navbar-item">
<button v-tooltip.bottom="'Toggle Console'" class="button is-dark has-tooltip-bottom" @click="$emit('toggleConsole')">
<font-awesome-icon icon="fa-solid fa-terminal" />
<button v-tooltip.bottom="'Toggle Console'" class="button is-dark has-tooltip-bottom"
@click="$emit('toggleConsole')">
<span class="icon">
<font-awesome-icon icon="fa-solid fa-terminal" />
</span>
<span class="is-hidden-mobile">Console</span>
</button>
</div>
<div class="navbar-item">
<button v-tooltip.bottom="'Toggle Add Form'" class="button is-dark has-tooltip-bottom" @click="$emit('toggleForm')">
<font-awesome-icon icon="fa-solid fa-plus" />
<button v-tooltip.bottom="'Toggle Add Form'" class="button is-dark has-tooltip-bottom"
@click="$emit('toggleForm')">
<span class="icon">
<font-awesome-icon icon="fa-solid fa-plus" />
</span>
<span class="is-hidden-mobile">Add</span>
</button>
</div>
<div class="navbar-item" v-if="config.tasks.length > 0">
<button v-tooltip.bottom="'Toggle Tasks'" class="button is-dark has-tooltip-bottom" @click="$emit('toggleTasks')">
<font-awesome-icon icon="fa-solid fa-tasks" />
<button v-tooltip.bottom="'Toggle Tasks'" class="button is-dark has-tooltip-bottom"
@click="$emit('toggleTasks')">
<span class="icon">
<font-awesome-icon icon="fa-solid fa-tasks" />
</span>
<span class="is-hidden-mobile">Tasks</span>
</button>
</div>
<div class="navbar-item">
<button v-tooltip.bottom="'Reload window'" class="button is-dark has-tooltip-bottom" @click="$emit('reload')">
<font-awesome-icon icon="fa-solid fa-rotate-right" />
<span class="icon">
<font-awesome-icon icon="fa-solid fa-rotate-right" />
</span>
</button>
</div>
<div class="navbar-item">
<button v-tooltip.bottom="'Switch to Light theme'" class="button is-dark has-tooltip-bottom"
@click="selectedTheme = 'light'" v-if="selectedTheme == 'dark'">
<span class="icon is-small is-left has-text-warning">
<span class="icon has-text-warning">
<font-awesome-icon icon="fa-solid fa-sun" />
</span>
</button>
<button v-tooltip.bottom="'Switch to Dark theme'" class="button is-dark has-tooltip-bottom"
@click="selectedTheme = 'dark'" v-if="selectedTheme == 'light'">
<span class="icon is-small is-left">
<span class="icon">
<font-awesome-icon icon="fa-solid fa-moon" />
</span>
</button>