github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-09-18 22:24:35 +00:00
Code Issues Packages 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
3 changed files with 3 additions and 3 deletions
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>
.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>

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

@@ -7,7 +7,7 @@
<div class="spinner-ring ring4" />
</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 }}
</div>

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

@@ -87,7 +87,7 @@ export default defineComponent({
<style scoped>
.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) {