mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-04-26 13:34:45 +00:00
Code Issues Projects Releases Wiki Activity

Use unified rounded corners for all elements in the nav bar (#2000)

Browse source 
Nav bar:
![Bildschirmfoto vom 2023-07-15
13-43-18](https://github.com/woodpecker-ci/woodpecker/assets/3391958/addb0064-b230-412c-9aae-fbfa8c39b839)

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/21e08079-864d-425a-a4e3-17009094b2c6)

![image](https://github.com/woodpecker-ci/woodpecker/assets/3391958/433bf33b-2124-434b-9f16-e5f586f4d4ec)

Other icon buttons:
![Bildschirmfoto vom 2023-07-15
13-50-18](https://github.com/woodpecker-ci/woodpecker/assets/3391958/c070b09d-2700-4eac-97ed-b4bef42ea3e6)
This commit is contained in:
Robert Kaussow 2023-07-15 15:47:15 +02:00 committed by GitHub
parent 443c23c58a
commit 37fcc26330
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
web/src/components/atomic/IconButton.vue
View file

@ -73,6 +73,6 @@ export default defineComponent({
<style scoped> <style scoped>
.icon-button { .icon-button {
@apply relative flex items-center justify-center px-1 py-1 rounded-full bg-transparent hover-effect overflow-hidden disabled:opacity-50 disabled:cursor-not-allowed; @apply relative flex items-center justify-center px-1 py-1 rounded-md bg-transparent hover-effect overflow-hidden disabled:opacity-50 disabled:cursor-not-allowed;
} }
</style> </style>

2
web/src/components/layout/header/ActivePipelines.vue
View file

@ -7,7 +7,7 @@
<div class="spinner-ring ring4" /> <div class="spinner-ring ring4" />
</div> </div>
<div <div
class="flex items-center justify-center h-full w-full font-bold bg-white bg-opacity-15 dark:bg-black dark:bg-opacity-10 rounded-full" class="flex items-center justify-center h-full w-full font-bold bg-white bg-opacity-15 dark:bg-black dark:bg-opacity-10 rounded-md"
> >
{{ activePipelines.length || 0 }} {{ activePipelines.length || 0 }}
</div> </div>

2
web/src/components/layout/header/Navbar.vue
View file

@ -87,7 +87,7 @@ export default defineComponent({
<style scoped> <style scoped>
.navbar-icon { .navbar-icon {
@apply w-11 h-11 rounded-full p-2.5; @apply w-11 h-11 rounded-md p-2.5;
} }
.navbar-icon :deep(svg) { .navbar-icon :deep(svg) {